pdap-design-system 2.0.0 → 2.0.2

package/dist/index.js

@@ -1,69 +1,69 @@
-import { defineComponent as C, reactive as E, openBlock as v, createElementBlock as b, normalizeClass as H, renderSlot as B, createBlock as j, resolveDynamicComponent as re, withCtx as I, inject as J, resolveComponent as Le, createVNode as me, createElementVNode as P, Fragment as Q, renderList as fe, unref as d, toDisplayString as S, createCommentVNode as q, createTextVNode as G, getCurrentInstance as Xe, ref as x, onBeforeMount as Ve, watch as U, isRef as ce, onBeforeUnmount as $e, computed as y, isReactive as Ze, isReadonly as Je, provide as be, nextTick as Y, watchEffect as ne, mergeProps as Qe, withModifiers as Ye, normalizeProps as et, guardReactiveProps as tt, normalizeStyle as ge, onMounted as rt } from "vue";
-import { RouterLink as De } from "vue-router";
-const rn = /* @__PURE__ */ C({
+import { defineComponent as R, reactive as I, openBlock as v, createElementBlock as w, normalizeClass as B, renderSlot as G, createBlock as j, resolveDynamicComponent as ae, withCtx as E, inject as Y, resolveComponent as Le, createVNode as U, createElementVNode as P, Fragment as ee, renderList as fe, unref as d, toDisplayString as z, createCommentVNode as F, createTextVNode as q, getCurrentInstance as Qe, ref as x, onBeforeMount as Ve, watch as W, isRef as pe, onBeforeUnmount as $e, computed as y, isReactive as Ze, isReadonly as Je, provide as we, nextTick as te, watchEffect as se, mergeProps as Ye, withModifiers as et, normalizeProps as tt, guardReactiveProps as rt, normalizeStyle as ge, onMounted as nt } from "vue";
+import { RouterLink as ke, useRouter as at } from "vue-router";
+const st = /* @__PURE__ */ R({
   __name: "PdapButton",
   props: {
     intent: { default: "primary" },
     isLoading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = E({
+    const t = e, r = I({
       "pdap-button": !0,
       [`pdap-button-${t.intent}`]: !!t.intent,
       "pdap-button-loading": t.isLoading
     });
-    return (n, a) => (v(), b("button", {
-      class: H(r)
+    return (n, a) => (v(), w("button", {
+      class: B(r)
     }, [
-      B(n.$slots, "default")
+      G(n.$slots, "default")
     ], 2));
   }
 });
-const nt = /* @__PURE__ */ C({
+const Se = /* @__PURE__ */ R({
   __name: "FlexContainer",
   props: {
     alignment: { default: "start" },
     component: { default: "div" }
   },
   setup(e) {
-    const r = E({
+    const r = I({
       "pdap-flex-container": !0,
       [`pdap-flex-container-${e.alignment}`]: !0
     });
-    return (n, a) => (v(), j(re(n.component), {
-      class: H(r)
+    return (n, a) => (v(), j(ae(n.component), {
+      class: B(r)
     }, {
-      default: I(() => [
-        B(n.$slots, "default")
+      default: E(() => [
+        G(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const at = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" }, ot = ["href"], it = /* @__PURE__ */ P("p", { class: "pdap-footer-copyright" }, [
-  /* @__PURE__ */ G(" © 2023 Police Data Accessibility Project"),
+const ot = { class: "pdap-footer" }, it = { class: "pdap-footer-social-links" }, ut = ["href"], lt = /* @__PURE__ */ P("p", { class: "pdap-footer-copyright" }, [
+  /* @__PURE__ */ q(" © 2023 Police Data Accessibility Project"),
   /* @__PURE__ */ P("br")
-], -1), ut = /* @__PURE__ */ P("p", { class: "pdap-footer-copyright" }, [
-  /* @__PURE__ */ G(" PDAP is a non-profit. EIN: 85-4207132. "),
+], -1), ct = /* @__PURE__ */ P("p", { class: "pdap-footer-copyright" }, [
+  /* @__PURE__ */ q(" PDAP is a non-profit. EIN: 85-4207132. "),
   /* @__PURE__ */ P("a", {
     href: "https://docs.pdap.io/meta/policy/pdap-privacy-policy",
     alt: "Privacy Policy"
   }, " Privacy Policy"),
-  /* @__PURE__ */ G(". "),
+  /* @__PURE__ */ q(". "),
   /* @__PURE__ */ P("a", { href: "mailto:contact@pdap.io" }, "contact@pdap.io")
-], -1), lt = { class: "pdap-footer-widget-links" }, ct = /* @__PURE__ */ P("a", {
+], -1), dt = { class: "pdap-footer-widget-links" }, pt = /* @__PURE__ */ P("a", {
   href: "https://www.guidestar.org/profile/85-4207132",
   target: "_blank"
 }, [
   /* @__PURE__ */ P("img", { src: "https://widgets.guidestar.org/gximage2?o=9973356&l=v4" })
-], -1), dt = ["href"], pt = ["src"], mt = ["src"], nn = /* @__PURE__ */ C({
+], -1), mt = ["href"], ft = ["src"], $t = ["src"], on = /* @__PURE__ */ R({
   __name: "PdapFooter",
   props: {
     logoImageSrc: { default: "node_modules/pdap-design-system/dist/images/acronym.svg" },
     logoImageAnchorPath: { default: "/" }
   },
   setup(e) {
-    const t = e, r = J("footerLinks", [
+    const t = e, r = Y("footerLinks", [
       {
         href: "https://github.com/orgs/Police-Data-Accessibility-Project",
         text: "Github"
@@ -82,55 +82,55 @@ const at = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" },
       }
     ]), n = t.logoImageAnchorPath.startsWith("/");
     return (a, s) => {
-      const u = Le("router-link");
-      return v(), b("footer", at, [
-        me(nt, { alignment: "center" }, {
-          default: I(() => [
-            P("ul", st, [
-              (v(!0), b(Q, null, fe(d(r), (i) => (v(), b("li", {
+      const o = Le("router-link");
+      return v(), w("footer", ot, [
+        U(Se, { alignment: "center" }, {
+          default: E(() => [
+            P("ul", it, [
+              (v(!0), w(ee, null, fe(d(r), (i) => (v(), w("li", {
                 key: i.text,
                 class: "pdap-footer-link-container"
               }, [
-                i.href ? (v(), b("a", {
+                i.href ? (v(), w("a", {
                   key: 0,
                   class: "pdap-footer-social-link",
                   href: i.href,
                   target: "_blank",
                   referrerpolicy: "no-referrer"
-                }, S(i.text), 9, ot)) : q("", !0),
-                i.path ? (v(), j(u, {
+                }, z(i.text), 9, ut)) : F("", !0),
+                i.path ? (v(), j(o, {
                   key: 1,
                   "active-class": "pdap-footer-social-link-current",
                   "exact-active-class": "pdap-footer-social-link-current-exact",
                   class: "pdap-footer-social-link",
                   to: i.path
                 }, {
-                  default: I(() => [
-                    G(S(i.text), 1)
+                  default: E(() => [
+                    q(z(i.text), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : q("", !0)
+                }, 1032, ["to"])) : F("", !0)
               ]))), 128))
             ]),
-            it,
-            ut,
-            P("div", lt, [
-              ct,
-              d(n) ? (v(), j(u, {
+            lt,
+            ct,
+            P("div", dt, [
+              pt,
+              d(n) ? (v(), j(o, {
                 key: 1,
                 to: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
               }, {
-                default: I(() => [
+                default: E(() => [
                   P("img", {
                     src: a.logoImageSrc,
                     loading: "lazy",
                     width: "250",
                     alt: "Police Data Accessibility Project Logo"
-                  }, null, 8, mt)
+                  }, null, 8, $t)
                 ]),
                 _: 1
-              }, 8, ["to"])) : (v(), b("a", {
+              }, 8, ["to"])) : (v(), w("a", {
                 key: 0,
                 href: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
@@ -140,8 +140,8 @@ const at = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" },
                   loading: "lazy",
                   width: "250",
                   alt: "Police Data Accessibility Project Logo"
-                }, null, 8, pt)
-              ], 8, dt))
+                }, null, 8, ft)
+              ], 8, mt))
             ])
           ]),
           _: 1
@@ -164,14 +164,14 @@ function L(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Pe(Object(r), !0).forEach(function(n) {
-      ft(e, n, r[n]);
+      gt(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Pe(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function ft(e, t, r) {
+function gt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -183,13 +183,13 @@ function xe(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return Object.keys(e).reduce((r, n) => (t.includes(n) || (r[n] = d(e[n])), r), {});
 }
-function ee(e) {
+function re(e) {
   return typeof e == "function";
 }
-function $t(e) {
+function ht(e) {
   return Ze(e) || Je(e);
 }
-function ke(e, t, r) {
+function De(e, t, r) {
   let n = e;
   const a = t.split(".");
   for (let s = 0; s < a.length; s++) {
@@ -199,14 +199,14 @@ function ke(e, t, r) {
   }
   return n;
 }
-function le(e, t, r) {
-  return y(() => e.some((n) => ke(t, n, {
+function de(e, t, r) {
+  return y(() => e.some((n) => De(t, n, {
     [r]: !1
   })[r]));
 }
-function Oe(e, t, r) {
+function Re(e, t, r) {
   return y(() => e.reduce((n, a) => {
-    const s = ke(t, a, {
+    const s = De(t, a, {
       [r]: !1
     })[r] || [];
     return n.concat(s);
@@ -215,29 +215,29 @@ function Oe(e, t, r) {
 function ze(e, t, r, n) {
   return e.call(n, d(t), d(r), n);
 }
-function Se(e) {
+function Me(e) {
   return e.$valid !== void 0 ? !e.$valid : !e;
 }
-function gt(e, t, r, n, a, s, u) {
+function vt(e, t, r, n, a, s, o) {
   let {
     $lazy: i,
     $rewardEarly: c
   } = a, l = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], p = arguments.length > 8 ? arguments[8] : void 0, f = arguments.length > 9 ? arguments[9] : void 0, g = arguments.length > 10 ? arguments[10] : void 0;
-  const h = x(!!n.value), o = x(0);
+  const h = x(!!n.value), u = x(0);
   r.value = !1;
-  const m = U([t, n].concat(l, g), () => {
+  const m = W([t, n].concat(l, g), () => {
     if (i && !n.value || c && !f.value && !r.value)
       return;
     let $;
     try {
-      $ = ze(e, t, p, u);
+      $ = ze(e, t, p, o);
     } catch (_) {
       $ = Promise.reject(_);
     }
-    o.value++, r.value = !!o.value, h.value = !1, Promise.resolve($).then((_) => {
-      o.value--, r.value = !!o.value, s.value = _, h.value = Se(_);
+    u.value++, r.value = !!u.value, h.value = !1, Promise.resolve($).then((_) => {
+      u.value--, r.value = !!u.value, s.value = _, h.value = Me(_);
     }).catch((_) => {
-      o.value--, r.value = !!o.value, s.value = _, h.value = !0;
+      u.value--, r.value = !!u.value, s.value = _, h.value = !0;
     });
   }, {
     immediate: !0,
@@ -248,7 +248,7 @@ function gt(e, t, r, n, a, s, u) {
     $unwatch: m
   };
 }
-function ht(e, t, r, n, a, s, u, i) {
+function yt(e, t, r, n, a, s, o, i) {
   let {
     $lazy: c,
     $rewardEarly: l
@@ -258,8 +258,8 @@ function ht(e, t, r, n, a, s, u, i) {
       return !1;
     let g = !0;
     try {
-      const h = ze(e, t, u, s);
-      a.value = h, g = Se(h);
+      const h = ze(e, t, o, s);
+      a.value = h, g = Me(h);
     } catch (h) {
       a.value = h;
     }
@@ -270,52 +270,52 @@ function ht(e, t, r, n, a, s, u, i) {
     $invalid: f
   };
 }
-function vt(e, t, r, n, a, s, u, i, c, l, p) {
+function _t(e, t, r, n, a, s, o, i, c, l, p) {
   const f = x(!1), g = e.$params || {}, h = x(null);
-  let o, m;
+  let u, m;
   e.$async ? {
-    $invalid: o,
+    $invalid: u,
     $unwatch: m
-  } = gt(e.$validator, t, f, r, n, h, a, e.$watchTargets, c, l, p) : {
-    $invalid: o,
+  } = vt(e.$validator, t, f, r, n, h, a, e.$watchTargets, c, l, p) : {
+    $invalid: u,
     $unwatch: m
-  } = ht(e.$validator, t, r, n, h, a, c, l);
+  } = yt(e.$validator, t, r, n, h, a, c, l);
   const $ = e.$message;
   return {
-    $message: ee($) ? y(() => $(xe({
+    $message: re($) ? y(() => $(xe({
       $pending: f,
-      $invalid: o,
+      $invalid: u,
       $params: xe(g),
       $model: t,
       $response: h,
       $validator: s,
       $propertyPath: i,
-      $property: u
+      $property: o
     }))) : $ || "",
     $params: g,
     $pending: f,
-    $invalid: o,
+    $invalid: u,
     $response: h,
     $unwatch: m
   };
 }
-function yt() {
+function bt() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   const t = d(e), r = Object.keys(t), n = {}, a = {}, s = {};
-  let u = null;
+  let o = null;
   return r.forEach((i) => {
     const c = t[i];
     switch (!0) {
-      case ee(c.$validator):
+      case re(c.$validator):
         n[i] = c;
         break;
-      case ee(c):
+      case re(c):
         n[i] = {
           $validator: c
         };
         break;
       case i === "$validationGroups":
-        u = c;
+        o = c;
         break;
       case i.startsWith("$"):
         s[i] = c;
@@ -327,18 +327,18 @@ function yt() {
     rules: n,
     nestedValidators: a,
     config: s,
-    validationGroups: u
+    validationGroups: o
   };
 }
-const _t = "__root";
-function wt(e, t, r, n, a, s, u, i, c) {
+const wt = "__root";
+function Pt(e, t, r, n, a, s, o, i, c) {
   const l = Object.keys(e), p = n.get(a, e), f = x(!1), g = x(!1), h = x(0);
   if (p) {
     if (!p.$partial)
       return p;
     p.$unwatch(), f.value = p.$dirty.value;
   }
-  const o = {
+  const u = {
     $dirty: f,
     $path: a,
     $touch: () => {
@@ -351,8 +351,8 @@ function wt(e, t, r, n, a, s, u, i, c) {
     }
   };
   return l.length ? (l.forEach((m) => {
-    o[m] = vt(e[m], t, o.$dirty, s, u, m, r, a, c, g, h);
-  }), o.$externalResults = y(() => i.value ? [].concat(i.value).map((m, $) => ({
+    u[m] = _t(e[m], t, u.$dirty, s, o, m, r, a, c, g, h);
+  }), u.$externalResults = y(() => i.value ? [].concat(i.value).map((m, $) => ({
     $propertyPath: a,
     $property: r,
     $validator: "$externalResults",
@@ -361,12 +361,12 @@ function wt(e, t, r, n, a, s, u, i, c) {
     $params: {},
     $response: null,
     $pending: !1
-  })) : []), o.$invalid = y(() => {
-    const m = l.some(($) => d(o[$].$invalid));
-    return g.value = m, !!o.$externalResults.value.length || m;
-  }), o.$pending = y(() => l.some((m) => d(o[m].$pending))), o.$error = y(() => o.$dirty.value ? o.$pending.value || o.$invalid.value : !1), o.$silentErrors = y(() => l.filter((m) => d(o[m].$invalid)).map((m) => {
-    const $ = o[m];
-    return E({
+  })) : []), u.$invalid = y(() => {
+    const m = l.some(($) => d(u[$].$invalid));
+    return g.value = m, !!u.$externalResults.value.length || m;
+  }), u.$pending = y(() => l.some((m) => d(u[m].$pending))), u.$error = y(() => u.$dirty.value ? u.$pending.value || u.$invalid.value : !1), u.$silentErrors = y(() => l.filter((m) => d(u[m].$invalid)).map((m) => {
+    const $ = u[m];
+    return I({
       $propertyPath: a,
       $property: r,
       $validator: m,
@@ -376,15 +376,15 @@ function wt(e, t, r, n, a, s, u, i, c) {
       $response: $.$response,
       $pending: $.$pending
     });
-  }).concat(o.$externalResults.value)), o.$errors = y(() => o.$dirty.value ? o.$silentErrors.value : []), o.$unwatch = () => l.forEach((m) => {
-    o[m].$unwatch();
-  }), o.$commit = () => {
+  }).concat(u.$externalResults.value)), u.$errors = y(() => u.$dirty.value ? u.$silentErrors.value : []), u.$unwatch = () => l.forEach((m) => {
+    u[m].$unwatch();
+  }), u.$commit = () => {
     g.value = !0, h.value = Date.now();
-  }, n.set(a, e, o), o) : (p && n.set(a, e, o), o);
+  }, n.set(a, e, u), u) : (p && n.set(a, e, u), u);
 }
-function bt(e, t, r, n, a, s, u) {
+function xt(e, t, r, n, a, s, o) {
   const i = Object.keys(e);
-  return i.length ? i.reduce((c, l) => (c[l] = de({
+  return i.length ? i.reduce((c, l) => (c[l] = me({
     validations: e[l],
     state: t,
     key: l,
@@ -392,39 +392,39 @@ function bt(e, t, r, n, a, s, u) {
     resultsCache: n,
     globalConfig: a,
     instance: s,
-    externalResults: u
+    externalResults: o
   }), c), {}) : {};
 }
-function Pt(e, t, r) {
-  const n = y(() => [t, r].filter((o) => o).reduce((o, m) => o.concat(Object.values(d(m))), [])), a = y({
+function Rt(e, t, r) {
+  const n = y(() => [t, r].filter((u) => u).reduce((u, m) => u.concat(Object.values(d(m))), [])), a = y({
     get() {
-      return e.$dirty.value || (n.value.length ? n.value.every((o) => o.$dirty) : !1);
+      return e.$dirty.value || (n.value.length ? n.value.every((u) => u.$dirty) : !1);
     },
-    set(o) {
-      e.$dirty.value = o;
+    set(u) {
+      e.$dirty.value = u;
     }
   }), s = y(() => {
-    const o = d(e.$silentErrors) || [], m = n.value.filter(($) => (d($).$silentErrors || []).length).reduce(($, _) => $.concat(..._.$silentErrors), []);
-    return o.concat(m);
-  }), u = y(() => {
-    const o = d(e.$errors) || [], m = n.value.filter(($) => (d($).$errors || []).length).reduce(($, _) => $.concat(..._.$errors), []);
-    return o.concat(m);
-  }), i = y(() => n.value.some((o) => o.$invalid) || d(e.$invalid) || !1), c = y(() => n.value.some((o) => d(o.$pending)) || d(e.$pending) || !1), l = y(() => n.value.some((o) => o.$dirty) || n.value.some((o) => o.$anyDirty) || a.value), p = y(() => a.value ? c.value || i.value : !1), f = () => {
-    e.$touch(), n.value.forEach((o) => {
-      o.$touch();
+    const u = d(e.$silentErrors) || [], m = n.value.filter(($) => (d($).$silentErrors || []).length).reduce(($, _) => $.concat(..._.$silentErrors), []);
+    return u.concat(m);
+  }), o = y(() => {
+    const u = d(e.$errors) || [], m = n.value.filter(($) => (d($).$errors || []).length).reduce(($, _) => $.concat(..._.$errors), []);
+    return u.concat(m);
+  }), i = y(() => n.value.some((u) => u.$invalid) || d(e.$invalid) || !1), c = y(() => n.value.some((u) => d(u.$pending)) || d(e.$pending) || !1), l = y(() => n.value.some((u) => u.$dirty) || n.value.some((u) => u.$anyDirty) || a.value), p = y(() => a.value ? c.value || i.value : !1), f = () => {
+    e.$touch(), n.value.forEach((u) => {
+      u.$touch();
     });
   }, g = () => {
-    e.$commit(), n.value.forEach((o) => {
-      o.$commit();
+    e.$commit(), n.value.forEach((u) => {
+      u.$commit();
     });
   }, h = () => {
-    e.$reset(), n.value.forEach((o) => {
-      o.$reset();
+    e.$reset(), n.value.forEach((u) => {
+      u.$reset();
     });
   };
-  return n.value.length && n.value.every((o) => o.$dirty) && f(), {
+  return n.value.length && n.value.every((u) => u.$dirty) && f(), {
     $dirty: a,
-    $errors: u,
+    $errors: o,
     $invalid: i,
     $anyDirty: l,
     $error: p,
@@ -435,14 +435,14 @@ function Pt(e, t, r) {
     $commit: g
   };
 }
-function de(e) {
+function me(e) {
   let {
     validations: t,
     state: r,
     key: n,
     parentKey: a,
     childResults: s,
-    resultsCache: u,
+    resultsCache: o,
     globalConfig: i = {},
     instance: c,
     externalResults: l
@@ -451,88 +451,88 @@ function de(e) {
     rules: f,
     nestedValidators: g,
     config: h,
-    validationGroups: o
-  } = yt(t), m = L(L({}, i), h), $ = n ? y(() => {
-    const w = d(r);
-    return w ? d(w[n]) : void 0;
+    validationGroups: u
+  } = bt(t), m = L(L({}, i), h), $ = n ? y(() => {
+    const b = d(r);
+    return b ? d(b[n]) : void 0;
   }) : r, _ = L({}, d(l) || {}), N = y(() => {
-    const w = d(l);
-    return n ? w ? d(w[n]) : void 0 : w;
-  }), se = wt(f, $, n, u, p, m, c, N, r), R = bt(g, $, p, u, m, c, N), k = {};
-  o && Object.entries(o).forEach((w) => {
-    let [z, T] = w;
-    k[z] = {
-      $invalid: le(T, R, "$invalid"),
-      $error: le(T, R, "$error"),
-      $pending: le(T, R, "$pending"),
-      $errors: Oe(T, R, "$errors"),
-      $silentErrors: Oe(T, R, "$silentErrors")
+    const b = d(l);
+    return n ? b ? d(b[n]) : void 0 : b;
+  }), ie = Pt(f, $, n, o, p, m, c, N, r), C = xt(g, $, p, o, m, c, N), S = {};
+  u && Object.entries(u).forEach((b) => {
+    let [D, T] = b;
+    S[D] = {
+      $invalid: de(T, C, "$invalid"),
+      $error: de(T, C, "$error"),
+      $pending: de(T, C, "$pending"),
+      $errors: Re(T, C, "$errors"),
+      $silentErrors: Re(T, C, "$silentErrors")
     };
   });
   const {
     $dirty: A,
-    $errors: X,
-    $invalid: oe,
+    $errors: Z,
+    $invalid: ue,
     $anyDirty: qe,
-    $error: Fe,
-    $pending: ie,
-    $touch: ue,
-    $reset: He,
-    $silentErrors: Be,
-    $commit: we
-  } = Pt(se, R, s), Ge = n ? y({
+    $error: He,
+    $pending: le,
+    $touch: ce,
+    $reset: Be,
+    $silentErrors: Ge,
+    $commit: be
+  } = Rt(ie, C, s), Ue = n ? y({
     get: () => d($),
-    set: (w) => {
+    set: (b) => {
       A.value = !0;
-      const z = d(r), T = d(l);
-      T && (T[n] = _[n]), ce(z[n]) ? z[n].value = w : z[n] = w;
+      const D = d(r), T = d(l);
+      T && (T[n] = _[n]), pe(D[n]) ? D[n].value = b : D[n] = b;
     }
   }) : null;
-  n && m.$autoDirty && U($, () => {
-    A.value || ue();
-    const w = d(l);
-    w && (w[n] = _[n]);
+  n && m.$autoDirty && W($, () => {
+    A.value || ce();
+    const b = d(l);
+    b && (b[n] = _[n]);
   }, {
     flush: "sync"
   });
-  async function Ue() {
-    return ue(), m.$rewardEarly && (we(), await Y()), await Y(), new Promise((w) => {
-      if (!ie.value)
-        return w(!oe.value);
-      const z = U(ie, () => {
-        w(!oe.value), z();
+  async function We() {
+    return ce(), m.$rewardEarly && (be(), await te()), await te(), new Promise((b) => {
+      if (!le.value)
+        return b(!ue.value);
+      const D = W(le, () => {
+        b(!ue.value), D();
       });
     });
   }
-  function We(w) {
-    return (s.value || {})[w];
+  function Xe(b) {
+    return (s.value || {})[b];
   }
   function Ke() {
-    ce(l) ? l.value = _ : Object.keys(_).length === 0 ? Object.keys(l).forEach((w) => {
-      delete l[w];
+    pe(l) ? l.value = _ : Object.keys(_).length === 0 ? Object.keys(l).forEach((b) => {
+      delete l[b];
     }) : Object.assign(l, _);
   }
-  return E(L(L(L({}, se), {}, {
-    $model: Ge,
+  return I(L(L(L({}, ie), {}, {
+    $model: Ue,
     $dirty: A,
-    $error: Fe,
-    $errors: X,
-    $invalid: oe,
+    $error: He,
+    $errors: Z,
+    $invalid: ue,
     $anyDirty: qe,
-    $pending: ie,
-    $touch: ue,
-    $reset: He,
-    $path: p || _t,
-    $silentErrors: Be,
-    $validate: Ue,
-    $commit: we
+    $pending: le,
+    $touch: ce,
+    $reset: Be,
+    $path: p || wt,
+    $silentErrors: Ge,
+    $validate: We,
+    $commit: be
   }, s && {
-    $getResultsForChild: We,
+    $getResultsForChild: Xe,
     $clearExternalResults: Ke,
-    $validationGroups: k
-  }), R));
+    $validationGroups: S
+  }), C));
 }
-class xt {
+class Ot {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
@@ -553,72 +553,72 @@ class xt {
     const {
       rules: a,
       result: s
-    } = n, u = this.checkRulesValidity(t, r, a), i = s.$unwatch ? s.$unwatch : () => ({});
-    return u ? s : {
+    } = n, o = this.checkRulesValidity(t, r, a), i = s.$unwatch ? s.$unwatch : () => ({});
+    return o ? s : {
       $dirty: s.$dirty,
       $partial: !0,
       $unwatch: i
     };
   }
 }
-const Z = {
+const J = {
   COLLECT_ALL: !0,
   COLLECT_NONE: !1
-}, Re = Symbol("vuelidate#injectChildResults"), Ce = Symbol("vuelidate#removeChildResults");
-function Ot(e) {
+}, Oe = Symbol("vuelidate#injectChildResults"), Ce = Symbol("vuelidate#removeChildResults");
+function Ct(e) {
   let {
     $scope: t,
     instance: r
   } = e;
   const n = {}, a = x([]), s = y(() => a.value.reduce((p, f) => (p[f] = d(n[f]), p), {}));
-  function u(p, f) {
+  function o(p, f) {
     let {
       $registerAs: g,
       $scope: h,
-      $stopPropagation: o
+      $stopPropagation: u
     } = f;
-    o || t === Z.COLLECT_NONE || h === Z.COLLECT_NONE || t !== Z.COLLECT_ALL && t !== h || (n[g] = p, a.value.push(g));
+    u || t === J.COLLECT_NONE || h === J.COLLECT_NONE || t !== J.COLLECT_ALL && t !== h || (n[g] = p, a.value.push(g));
   }
-  r.__vuelidateInjectInstances = [].concat(r.__vuelidateInjectInstances || [], u);
+  r.__vuelidateInjectInstances = [].concat(r.__vuelidateInjectInstances || [], o);
   function i(p) {
     a.value = a.value.filter((f) => f !== p), delete n[p];
   }
   r.__vuelidateRemoveInstances = [].concat(r.__vuelidateRemoveInstances || [], i);
-  const c = J(Re, []);
-  be(Re, r.__vuelidateInjectInstances);
-  const l = J(Ce, []);
-  return be(Ce, r.__vuelidateRemoveInstances), {
+  const c = Y(Oe, []);
+  we(Oe, r.__vuelidateInjectInstances);
+  const l = Y(Ce, []);
+  return we(Ce, r.__vuelidateRemoveInstances), {
     childResults: s,
     sendValidationResultsToParent: c,
     removeValidationResultsFromParent: l
   };
 }
-function Me(e) {
+function Ne(e) {
   return new Proxy(e, {
     get(t, r) {
-      return typeof t[r] == "object" ? Me(t[r]) : y(() => t[r]);
+      return typeof t[r] == "object" ? Ne(t[r]) : y(() => t[r]);
     }
   });
 }
 let Ee = 0;
-function Rt(e, t) {
+function Et(e, t) {
   var r;
   let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   arguments.length === 1 && (n = e, e = void 0, t = void 0);
   let {
     $registerAs: a,
-    $scope: s = Z.COLLECT_ALL,
-    $stopPropagation: u,
+    $scope: s = J.COLLECT_ALL,
+    $stopPropagation: o,
     $externalResults: i,
     currentVueInstance: c
   } = n;
-  const l = c || ((r = Xe()) === null || r === void 0 ? void 0 : r.proxy), p = l ? l.$options : {};
+  const l = c || ((r = Qe()) === null || r === void 0 ? void 0 : r.proxy), p = l ? l.$options : {};
   a || (Ee += 1, a = `_vuelidate_${Ee}`);
-  const f = x({}), g = new xt(), {
+  const f = x({}), g = new Ot(), {
     childResults: h,
-    sendValidationResultsToParent: o,
+    sendValidationResultsToParent: u,
     removeValidationResultsFromParent: m
-  } = l ? Ot({
+  } = l ? Ct({
     $scope: s,
     instance: l
   }) : {
@@ -627,8 +627,8 @@ function Rt(e, t) {
   if (!e && p.validations) {
     const $ = p.validations;
     t = x({}), Ve(() => {
-      t.value = l, U(() => ee($) ? $.call(t.value, new Me(t.value)) : $, (_) => {
-        f.value = de({
+      t.value = l, W(() => re($) ? $.call(t.value, new Ne(t.value)) : $, (_) => {
+        f.value = me({
           validations: _,
           state: t,
           childResults: h,
@@ -642,9 +642,9 @@ function Rt(e, t) {
       });
     }), n = p.validationsConfig || n;
   } else {
-    const $ = ce(e) || $t(e) ? e : E(e || {});
-    U($, (_) => {
-      f.value = de({
+    const $ = pe(e) || ht(e) ? e : I(e || {});
+    W($, (_) => {
+      f.value = me({
         validations: _,
         state: t,
         childResults: h,
@@ -657,13 +657,13 @@ function Rt(e, t) {
       immediate: !0
     });
   }
-  return l && (o.forEach(($) => $(f, {
+  return l && (u.forEach(($) => $(f, {
     $registerAs: a,
     $scope: s,
-    $stopPropagation: u
+    $stopPropagation: o
   })), $e(() => m.forEach(($) => $(a)))), y(() => L(L({}, d(f.value)), h.value));
 }
-const Ct = ["for"], Et = ["id"], It = /* @__PURE__ */ C({
+const It = ["for"], jt = ["id"], At = /* @__PURE__ */ R({
   __name: "PdapInput",
   props: {
     id: {},
@@ -673,7 +673,7 @@ const Ct = ["for"], Et = ["id"], It = /* @__PURE__ */ C({
   },
   setup(e) {
     const t = e, r = y(() => `pdap-${t.name}-input-error`);
-    return ne(() => {
+    return se(() => {
       console.debug(
         `Hello from PDAP Input ${t.name} rendered at ${window.location.pathname}`,
         {
@@ -682,27 +682,27 @@ const Ct = ["for"], Et = ["id"], It = /* @__PURE__ */ C({
       );
     }), (n, a) => {
       var s;
-      return v(), b("div", {
-        class: H({
+      return v(), w("div", {
+        class: B({
           "pdap-input": !0,
           "pdap-input-error": ((s = n.error) == null ? void 0 : s.length) >= 1
         })
       }, [
-        B(n.$slots, "default"),
+        G(n.$slots, "default"),
         P("label", {
           class: "pdap-input-label",
           for: n.id
-        }, S(n.label), 9, Ct),
-        n.error ? (v(), b("div", {
+        }, z(n.label), 9, It),
+        n.error ? (v(), w("div", {
           key: 0,
           id: r.value,
           class: "pdap-input-error-message"
-        }, S(n.error), 9, Et)) : q("", !0)
+        }, z(n.error), 9, jt)) : F("", !0)
       ], 2);
     };
   }
 });
-const jt = ["id", "name", "value", "placeholder"], At = /* @__PURE__ */ C({
+const Tt = ["id", "name", "value", "placeholder"], Lt = /* @__PURE__ */ R({
   __name: "InputText",
   props: {
     placeholder: {},
@@ -718,23 +718,23 @@ const jt = ["id", "name", "value", "placeholder"], At = /* @__PURE__ */ C({
     const r = e, n = t, a = (s) => {
       n("input", s.target.value);
     };
-    return ne(() => {
+    return se(() => {
       console.debug(
         `Hello from PDAP InputText ${r.name} rendered at ${window.location.pathname}`,
         {
           props: r
         }
       );
-    }), (s, u) => (v(), b("input", {
+    }), (s, o) => (v(), w("input", {
       id: s.id,
       type: "text",
       name: s.name,
       value: s.value,
       placeholder: s.placeholder,
       onInput: a
-    }, null, 40, jt));
+    }, null, 40, Tt));
   }
-}), Tt = ["id", "name", "checked", "value"], Lt = /* @__PURE__ */ C({
+}), Vt = ["id", "name", "checked", "value"], kt = /* @__PURE__ */ R({
   __name: "InputCheckbox",
   props: {
     defaultChecked: { type: Boolean },
@@ -750,14 +750,14 @@ const jt = ["id", "name", "value", "placeholder"], At = /* @__PURE__ */ C({
     const r = e, n = t, a = (s) => {
       n("change", s.target.checked.toString());
     };
-    return ne(() => {
+    return se(() => {
       console.debug(
         `Hello from PDAP InputCheckbox ${r.name} rendered at ${window.location.pathname}`,
         {
           props: r
         }
       );
-    }), (s, u) => (v(), b("input", {
+    }), (s, o) => (v(), w("input", {
       id: s.id,
       class: "pdap-input-checkbox",
       name: s.name,
@@ -765,16 +765,16 @@ const jt = ["id", "name", "value", "placeholder"], At = /* @__PURE__ */ C({
       value: s.value,
       type: "checkbox",
       onChange: a
-    }, null, 40, Tt));
+    }, null, 40, Vt));
   }
 });
-var pe = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e))(pe || {});
-const Vt = {
-  [pe.CHECKBOX]: "InputCheckbox",
-  [pe.TEXT]: "InputText"
+var X = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e))(X || {});
+const St = {
+  [X.CHECKBOX]: "InputCheckbox",
+  [X.TEXT]: "InputText"
 }, Dt = {
   name: "InputsGenerator",
-  components: { InputText: At, InputCheckbox: Lt, PdapInput: It },
+  components: { InputText: Lt, InputCheckbox: kt, PdapInput: At },
   props: {
     schema: { type: Object },
     values: { type: Object },
@@ -789,7 +789,7 @@ const Vt = {
   data() {
     return {
       formData: this.values || {},
-      INPUT_COMPONENT_MAP: Vt,
+      INPUT_COMPONENT_MAP: St,
       v: this.$props.v$
     };
   },
@@ -802,25 +802,25 @@ const Vt = {
       (r = (t = this.v$) == null ? void 0 : t.value) == null || r[e].$touch;
     }
   }
-}, kt = (e, t) => {
+}, zt = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, a] of t)
     r[n] = a;
   return r;
 };
-function zt(e, t, r, n, a, s) {
-  const u = Le("PdapInput");
-  return v(!0), b(Q, null, fe(r.schema, (i) => {
+function Mt(e, t, r, n, a, s) {
+  const o = Le("PdapInput");
+  return v(!0), w(ee, null, fe(r.schema, (i) => {
     var c, l, p, f;
-    return v(), j(u, {
+    return v(), j(o, {
       id: i.id,
       key: i.name,
       error: (f = (p = (l = (c = a.v) == null ? void 0 : c[i.name]) == null ? void 0 : l.$errors) == null ? void 0 : p[0]) == null ? void 0 : f.$message,
       name: i.name,
       label: i.label
     }, {
-      default: I(() => [
-        (v(), j(re(a.INPUT_COMPONENT_MAP[i.type]), Qe(i, {
+      default: E(() => [
+        (v(), j(ae(a.INPUT_COMPONENT_MAP[i.type]), Ye(i, {
           value: a.formData[i.name],
           onBlur: (g) => s.updateValidations(i.name),
           onInput: (g) => s.updateForm(i.name, g)
@@ -830,7 +830,7 @@ function zt(e, t, r, n, a, s) {
     }, 1032, ["id", "error", "name", "label"]);
   }), 128);
 }
-const St = /* @__PURE__ */ kt(Dt, [["render", zt]]);
+const Nt = /* @__PURE__ */ zt(Dt, [["render", Mt]]);
 function Ie(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -841,18 +841,18 @@ function Ie(e, t) {
   }
   return r;
 }
-function F(e) {
+function H(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Ie(Object(r), !0).forEach(function(n) {
-      Mt(e, n, r[n]);
+      Ft(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ie(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function Mt(e, t, r) {
+function Ft(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -860,19 +860,19 @@ function Mt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function W(e) {
+function K(e) {
   return typeof e == "function";
 }
-function te(e) {
+function ne(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function ae(e) {
-  return W(e.$validator) ? F({}, e) : {
+function oe(e) {
+  return K(e.$validator) ? H({}, e) : {
     $validator: e
   };
 }
-function Nt(e) {
-  return te(e) && W(e.then);
+function qt(e) {
+  return ne(e) && K(e.then);
 }
 function V(e) {
   return typeof e == "object" ? e.$valid : e;
@@ -881,61 +881,61 @@ function M(e) {
   return e.$validator || e;
 }
 function he(e, t) {
-  if (!te(e))
+  if (!ne(e))
     throw new Error(`[@vuelidate/validators]: First parameter to "withParams" should be an object, provided ${typeof e}`);
-  if (!te(t) && !W(t))
+  if (!ne(t) && !K(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = ae(t);
-  return r.$params = F(F({}, r.$params || {}), e), r;
+  const r = oe(t);
+  return r.$params = H(H({}, r.$params || {}), e), r;
 }
-function K(e, t) {
-  if (!W(e) && typeof d(e) != "string")
+function Q(e, t) {
+  if (!K(e) && typeof d(e) != "string")
     throw new Error(`[@vuelidate/validators]: First parameter to "withMessage" should be string or a function returning a string, provided ${typeof e}`);
-  if (!te(t) && !W(t))
+  if (!ne(t) && !K(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = ae(t);
+  const r = oe(t);
   return r.$message = e, r;
 }
-function qt(e) {
+function Ht(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  const r = ae(e);
-  return F(F({}, r), {}, {
+  const r = oe(e);
+  return H(H({}, r), {}, {
     $async: !0,
     $watchTargets: t
   });
 }
-function Ft(e) {
+function Bt(e) {
   return {
     $validator(t) {
       for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
         n[a - 1] = arguments[a];
-      return d(t).reduce((s, u, i) => {
-        const c = Object.entries(u).reduce((l, p) => {
+      return d(t).reduce((s, o, i) => {
+        const c = Object.entries(o).reduce((l, p) => {
           let [f, g] = p;
-          const h = e[f] || {}, o = Object.entries(h).reduce((m, $) => {
+          const h = e[f] || {}, u = Object.entries(h).reduce((m, $) => {
             let [_, N] = $;
-            const R = M(N).call(this, g, u, i, ...n), k = V(R);
-            if (m.$data[_] = R, m.$data.$invalid = !k || !!m.$data.$invalid, m.$data.$error = m.$data.$invalid, !k) {
+            const C = M(N).call(this, g, o, i, ...n), S = V(C);
+            if (m.$data[_] = C, m.$data.$invalid = !S || !!m.$data.$invalid, m.$data.$error = m.$data.$invalid, !S) {
               let A = N.$message || "";
-              const X = N.$params || {};
+              const Z = N.$params || {};
               typeof A == "function" && (A = A({
                 $pending: !1,
-                $invalid: !k,
-                $params: X,
+                $invalid: !S,
+                $params: Z,
                 $model: g,
-                $response: R
+                $response: C
               })), m.$errors.push({
                 $property: f,
                 $message: A,
-                $params: X,
-                $response: R,
+                $params: Z,
+                $response: C,
                 $model: g,
                 $pending: !1,
                 $validator: _
               });
             }
             return {
-              $valid: m.$valid && k,
+              $valid: m.$valid && S,
               $data: m.$data,
               $errors: m.$errors
             };
@@ -944,8 +944,8 @@ function Ft(e) {
             $data: {},
             $errors: []
           });
-          return l.$data[f] = o.$data, l.$errors[f] = o.$errors, {
-            $valid: l.$valid && o.$valid,
+          return l.$data[f] = u.$data, l.$errors[f] = u.$errors, {
+            $valid: l.$valid && u.$valid,
             $data: l.$data,
             $errors: l.$errors
           };
@@ -989,49 +989,49 @@ const O = (e) => {
   }
   return !!String(e).length;
 }, ve = (e) => (e = d(e), Array.isArray(e) ? e.length : typeof e == "object" ? Object.keys(e).length : String(e).length);
-function D() {
+function k() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return (n) => (n = d(n), !O(n) || t.every((a) => (a.lastIndex = 0, a.test(n))));
 }
 var ye = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  forEach: Ft,
+  forEach: Bt,
   len: ve,
-  normalizeValidatorObject: ae,
-  regex: D,
+  normalizeValidatorObject: oe,
+  regex: k,
   req: O,
   unwrap: d,
   unwrapNormalizedValidator: M,
   unwrapValidatorResponse: V,
-  withAsync: qt,
-  withMessage: K,
+  withAsync: Ht,
+  withMessage: Q,
   withParams: he
-}), Ht = D(/^[a-zA-Z]*$/), Bt = {
-  $validator: Ht,
+}), Gt = k(/^[a-zA-Z]*$/), Ut = {
+  $validator: Gt,
   $message: "The value is not alphabetical",
   $params: {
     type: "alpha"
   }
-}, Gt = D(/^[a-zA-Z0-9]*$/), Ut = {
-  $validator: Gt,
+}, Wt = k(/^[a-zA-Z0-9]*$/), Xt = {
+  $validator: Wt,
   $message: "The value must be alpha-numeric",
   $params: {
     type: "alphaNum"
   }
-}, Wt = D(/^\d*(\.\d+)?$/), Kt = {
-  $validator: Wt,
+}, Kt = k(/^\d*(\.\d+)?$/), Qt = {
+  $validator: Kt,
   $message: "Value must be numeric",
   $params: {
     type: "numeric"
   }
 };
-function Xt(e, t) {
+function Zt(e, t) {
   return (r) => !O(r) || (!/\s/.test(r) || r instanceof Date) && +d(e) <= +r && +d(t) >= +r;
 }
-function Zt(e, t) {
+function Jt(e, t) {
   return {
-    $validator: Xt(e, t),
+    $validator: Zt(e, t),
     $message: (r) => {
       let {
         $params: n
@@ -1045,36 +1045,36 @@ function Zt(e, t) {
     }
   };
 }
-const Jt = /^(?:[A-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9]{2,}(?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i;
-var Qt = D(Jt), Yt = {
-  $validator: Qt,
+const Yt = /^(?:[A-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9]{2,}(?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i;
+var er = k(Yt), tr = {
+  $validator: er,
   $message: "Value is not a valid email address",
   $params: {
     type: "email"
   }
 };
-function er(e) {
+function rr(e) {
   if (!O(e))
     return !0;
   if (typeof e != "string")
     return !1;
   const t = e.split(".");
-  return t.length === 4 && t.every(tr);
+  return t.length === 4 && t.every(nr);
 }
-const tr = (e) => {
+const nr = (e) => {
   if (e.length > 3 || e.length === 0 || e[0] === "0" && e !== "0" || !e.match(/^\d+$/))
     return !1;
   const t = +e | 0;
   return t >= 0 && t <= 255;
 };
-var rr = {
-  $validator: er,
+var ar = {
+  $validator: rr,
   $message: "The value is not a valid IP address",
   $params: {
     type: "ipAddress"
   }
 };
-function nr() {
+function sr() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ":";
   return (t) => {
     if (e = d(e), !O(t))
@@ -1082,25 +1082,25 @@ function nr() {
     if (typeof t != "string")
       return !1;
     const r = typeof e == "string" && e !== "" ? t.split(e) : t.length === 12 || t.length === 16 ? t.match(/.{2}/g) : null;
-    return r !== null && (r.length === 6 || r.length === 8) && r.every(ar);
+    return r !== null && (r.length === 6 || r.length === 8) && r.every(or);
   };
 }
-const ar = (e) => e.toLowerCase().match(/^[0-9a-f]{2}$/);
-function sr(e) {
+const or = (e) => e.toLowerCase().match(/^[0-9a-f]{2}$/);
+function ir(e) {
   return {
-    $validator: nr(e),
+    $validator: sr(e),
     $message: "The value is not a valid MAC Address",
     $params: {
       type: "macAddress"
     }
   };
 }
-function or(e) {
+function ur(e) {
   return (t) => !O(t) || ve(t) <= d(e);
 }
-function ir(e) {
+function lr(e) {
   return {
-    $validator: or(e),
+    $validator: ur(e),
     $message: (t) => {
       let {
         $params: r
@@ -1113,12 +1113,12 @@ function ir(e) {
     }
   };
 }
-function ur(e) {
+function cr(e) {
   return (t) => !O(t) || ve(t) >= d(e);
 }
-function lr(e) {
+function dr(e) {
   return {
-    $validator: ur(e),
+    $validator: cr(e),
     $message: (t) => {
       let {
         $params: r
@@ -1131,18 +1131,18 @@ function lr(e) {
     }
   };
 }
-function cr(e) {
+function pr(e) {
   return typeof e == "string" && (e = e.trim()), O(e);
 }
 var _e = {
-  $validator: cr,
+  $validator: pr,
   $message: "Value is required",
   $params: {
     type: "required"
   }
 };
 const je = (e, t) => e ? O(typeof t == "string" ? t.trim() : t) : !0;
-function dr(e) {
+function mr(e) {
   return function(t, r) {
     if (typeof e != "function")
       return je(d(e), t);
@@ -1150,9 +1150,9 @@ function dr(e) {
     return je(n, t);
   };
 }
-function pr(e) {
+function fr(e) {
   return {
-    $validator: dr(e),
+    $validator: mr(e),
     $message: "The value is required",
     $params: {
       type: "requiredIf",
@@ -1161,7 +1161,7 @@ function pr(e) {
   };
 }
 const Ae = (e, t) => e ? !0 : O(typeof t == "string" ? t.trim() : t);
-function mr(e) {
+function $r(e) {
   return function(t, r) {
     if (typeof e != "function")
       return Ae(d(e), t);
@@ -1169,9 +1169,9 @@ function mr(e) {
     return Ae(n, t);
   };
 }
-function fr(e) {
+function gr(e) {
   return {
-    $validator: mr(e),
+    $validator: $r(e),
     $message: "The value is required",
     $params: {
       type: "requiredUnless",
@@ -1179,13 +1179,13 @@ function fr(e) {
     }
   };
 }
-function $r(e) {
+function hr(e) {
   return (t) => d(t) === d(e);
 }
-function gr(e) {
+function vr(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "other";
   return {
-    $validator: $r(e),
+    $validator: hr(e),
     $message: (r) => `The value must be equal to the ${t} value`,
     $params: {
       equalTo: e,
@@ -1194,103 +1194,103 @@ function gr(e) {
     }
   };
 }
-const hr = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i;
-var vr = D(hr), yr = {
-  $validator: vr,
+const yr = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i;
+var _r = k(yr), br = {
+  $validator: _r,
   $message: "The value is not a valid URL address",
   $params: {
     type: "url"
   }
 };
-function _r(e) {
+function wr(e) {
   return function() {
     for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
       r[n] = arguments[n];
     return e.reduce((a, s) => V(a) ? a : M(s).apply(this, r), !1);
   };
 }
-function wr(e) {
+function Pr(e) {
   return function() {
     for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
-      const u = await a;
-      return V(u) ? u : M(s).apply(this, r);
+      const o = await a;
+      return V(o) ? o : M(s).apply(this, r);
     }, Promise.resolve(!1));
   };
 }
-function br() {
+function xr() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  const n = t.some((u) => u.$async), a = t.reduce((u, i) => i.$watchTargets ? u.concat(i.$watchTargets) : u, []);
+  const n = t.some((o) => o.$async), a = t.reduce((o, i) => i.$watchTargets ? o.concat(i.$watchTargets) : o, []);
   let s = () => !1;
-  return t.length && (s = n ? wr(t) : _r(t)), {
+  return t.length && (s = n ? Pr(t) : wr(t)), {
     $async: n,
     $validator: s,
     $watchTargets: a
   };
 }
-function Pr() {
+function Rr() {
   return he({
     type: "or"
-  }, K("The value does not match any of the provided validators", br(...arguments)));
+  }, Q("The value does not match any of the provided validators", xr(...arguments)));
 }
-function xr(e) {
+function Or(e) {
   return function() {
     for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
       r[n] = arguments[n];
     return e.reduce((a, s) => V(a) ? M(s).apply(this, r) : a, !0);
   };
 }
-function Or(e) {
+function Cr(e) {
   return function() {
     for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
-      const u = await a;
-      return V(u) ? M(s).apply(this, r) : u;
+      const o = await a;
+      return V(o) ? M(s).apply(this, r) : o;
     }, Promise.resolve(!0));
   };
 }
-function Rr() {
+function Er() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  const n = t.some((u) => u.$async), a = t.reduce((u, i) => i.$watchTargets ? u.concat(i.$watchTargets) : u, []);
+  const n = t.some((o) => o.$async), a = t.reduce((o, i) => i.$watchTargets ? o.concat(i.$watchTargets) : o, []);
   let s = () => !1;
-  return t.length && (s = n ? Or(t) : xr(t)), {
+  return t.length && (s = n ? Cr(t) : Or(t)), {
     $async: n,
     $validator: s,
     $watchTargets: a
   };
 }
-function Cr() {
+function Ir() {
   return he({
     type: "and"
-  }, K("The value does not match all of the provided validators", Rr(...arguments)));
+  }, Q("The value does not match all of the provided validators", Er(...arguments)));
 }
-function Er(e) {
+function jr(e) {
   return function(t, r) {
     if (!O(t))
       return !0;
     const n = M(e).call(this, t, r);
-    return Nt(n) ? n.then((a) => !V(a)) : !V(n);
+    return qt(n) ? n.then((a) => !V(a)) : !V(n);
   };
 }
-function Ir(e) {
+function Ar(e) {
   return {
-    $validator: Er(e),
+    $validator: jr(e),
     $message: "The value does not match the provided validator",
     $params: {
       type: "not"
     }
   };
 }
-function jr(e) {
+function Tr(e) {
   return (t) => !O(t) || (!/\s/.test(t) || t instanceof Date) && +t >= +d(e);
 }
-function Ar(e) {
+function Lr(e) {
   return {
-    $validator: jr(e),
+    $validator: Tr(e),
     $message: (t) => {
       let {
         $params: r
@@ -1303,11 +1303,11 @@ function Ar(e) {
     }
   };
 }
-function Tr(e) {
+function Vr(e) {
   return (t) => !O(t) || (!/\s/.test(t) || t instanceof Date) && +t <= +d(e);
 }
-var Lr = (e) => ({
-  $validator: Tr(e),
+var kr = (e) => ({
+  $validator: Vr(e),
   $message: (t) => {
     let {
       $params: r
@@ -1318,20 +1318,20 @@ var Lr = (e) => ({
     max: e,
     type: "maxValue"
   }
-}), Vr = D(/(^[0-9]*$)|(^-[0-9]+$)/), Dr = {
-  $validator: Vr,
+}), Sr = k(/(^[0-9]*$)|(^-[0-9]+$)/), Dr = {
+  $validator: Sr,
   $message: "Value is not an integer",
   $params: {
     type: "integer"
   }
-}, kr = D(/^[-]?\d*(\.\d+)?$/), zr = {
-  $validator: kr,
+}, zr = k(/^[-]?\d*(\.\d+)?$/), Mr = {
+  $validator: zr,
   $message: "Value must be decimal",
   $params: {
     type: "decimal"
   }
 };
-function Sr(e) {
+function Nr(e) {
   let {
     t,
     messagePath: r = (a) => {
@@ -1344,12 +1344,12 @@ function Sr(e) {
   } = e;
   return function(s) {
     let {
-      withArguments: u = !1,
+      withArguments: o = !1,
       messagePath: i = r,
       messageParams: c = n
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     function l(p) {
-      return t(i(p), c(F({
+      return t(i(p), c(H({
         model: p.$model,
         property: p.$property,
         pending: p.$pending,
@@ -1359,77 +1359,77 @@ function Sr(e) {
         propertyPath: p.$propertyPath
       }, p.$params)));
     }
-    return u && typeof s == "function" ? function() {
-      return K(l, s(...arguments));
-    } : K(l, s);
+    return o && typeof s == "function" ? function() {
+      return Q(l, s(...arguments));
+    } : Q(l, s);
   };
 }
-const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alpha: Bt,
-  alphaNum: Ut,
-  and: Cr,
-  between: Zt,
-  createI18nMessage: Sr,
-  decimal: zr,
-  email: Yt,
+  alpha: Ut,
+  alphaNum: Xt,
+  and: Ir,
+  between: Jt,
+  createI18nMessage: Nr,
+  decimal: Mr,
+  email: tr,
   helpers: ye,
   integer: Dr,
-  ipAddress: rr,
-  macAddress: sr,
-  maxLength: ir,
-  maxValue: Lr,
-  minLength: lr,
-  minValue: Ar,
-  not: Ir,
-  numeric: Kt,
-  or: Pr,
+  ipAddress: ar,
+  macAddress: ir,
+  maxLength: lr,
+  maxValue: kr,
+  minLength: dr,
+  minValue: Lr,
+  not: Ar,
+  numeric: Qt,
+  or: Rr,
   required: _e,
-  requiredIf: pr,
-  requiredUnless: fr,
-  sameAs: gr,
-  url: yr
+  requiredIf: fr,
+  requiredUnless: gr,
+  sameAs: vr,
+  url: br
 }, Symbol.toStringTag, { value: "Module" }));
 function Te(e) {
   return ["maxLength", "minLength"].includes(e);
 }
-function Mr(e, t) {
+function Fr(e, t) {
   return {
-    [e]: Ne[e](t)
+    [e]: Fe[e](t)
   };
 }
-function Nr(e, t, r) {
+function qr(e, t, r) {
   return {
-    [e]: ye.withMessage(r, Ne[e](t))
+    [e]: ye.withMessage(r, Fe[e](t))
   };
 }
-function qr() {
+function Hr() {
   return { required: _e };
 }
-function Fr(e) {
+function Br(e) {
   return {
     required: ye.withMessage(e, _e)
   };
 }
-function Hr(e, t) {
+function Gr(e, t) {
   if (Te(e) && typeof t.message == "string" && typeof t.value == "number")
-    return Nr(
+    return qr(
       e,
       t.value,
       t.message
     );
   if (Te(e) && typeof t.message > "u" && typeof t.value == "number")
-    return Mr(e, t.value);
+    return Fr(e, t.value);
   if (e === "required" && typeof t.message == "string")
-    return Fr(t.message);
+    return Br(t.message);
   if (e === "required" && typeof t.message > "u")
-    return qr();
+    return Hr();
   throw new Error("No valid rule detected");
 }
-const Br = {
+const Ur = {
   key: 0,
   class: "pdap-form-error-message"
-}, an = /* @__PURE__ */ C({
+}, Wr = /* @__PURE__ */ R({
   __name: "PdapForm",
   props: {
     error: { default: null },
@@ -1454,7 +1454,7 @@ const Br = {
       const p = Object.entries(l.validators ?? {}).reduce(
         (f, [g, h]) => ({
           ...f,
-          ...Hr(g, h)
+          ...Gr(g, h)
         }),
         {}
       );
@@ -1464,50 +1464,50 @@ const Br = {
           ...p
         }
       };
-    }, {}), u = Rt(s, a, { $autoDirty: !1, $lazy: !1 });
-    ne(
+    }, {}), o = Et(s, a, { $autoDirty: !1, $lazy: !1 });
+    se(
       () => console.debug(
         `Hello from PDAP Form ${r.name} rendered at ${window.location.pathname}`,
         {
           props: r,
           values: a,
           rules: s,
-          vuelidate: u.value
+          vuelidate: o.value
         }
       )
     );
     async function i(c) {
-      const l = await u.value.$validate();
+      const l = await o.value.$validate();
       if (l) {
         const p = c.target, f = new FormData(p), g = {};
-        for (const [h, o] of f)
-          Object.assign(g, { [h]: o });
+        for (const [h, u] of f)
+          Object.assign(g, { [h]: u });
         console.debug("Hello from Form's onSubmit handler", {
           values: g,
           isCorrectSubmission: l,
-          vuelidate: u.value
-        }), n("submit", g), u.value.$reset(), p.reset();
+          vuelidate: o.value
+        }), n("submit", g), o.value.$reset(), p.reset();
         return;
       } else {
-        console.error("is invalid form data", { v$: u.value });
+        console.error("is invalid form data", { v$: o.value });
         return;
       }
     }
-    return (c, l) => (v(), b("form", {
+    return (c, l) => (v(), w("form", {
       class: "pdap-form",
-      onSubmit: l[0] || (l[0] = Ye((p) => i(p), ["prevent"]))
+      onSubmit: l[0] || (l[0] = et((p) => i(p), ["prevent"]))
     }, [
-      typeof c.error == "string" && c.error.length > 0 ? (v(), b("div", Br, S(c.error), 1)) : q("", !0),
-      me(St, et(tt({
+      typeof c.error == "string" && c.error.length > 0 ? (v(), w("div", Ur, z(c.error), 1)) : F("", !0),
+      U(Nt, tt(rt({
         schema: c.schema,
         values: a.value,
-        ...typeof d(u) < "u" ? { v$: d(u) } : {}
+        ...typeof d(o) < "u" ? { v$: d(o) } : {}
       })), null, 16),
-      B(c.$slots, "default")
+      G(c.$slots, "default")
     ], 32));
   }
 });
-const sn = /* @__PURE__ */ C({
+const un = /* @__PURE__ */ R({
   __name: "GridContainer",
   props: {
     columns: { default: "auto" },
@@ -1517,27 +1517,27 @@ const sn = /* @__PURE__ */ C({
     templateRows: {}
   },
   setup(e) {
-    const t = e, r = E({
+    const t = e, r = I({
       "pdap-grid-container": !0,
       [`pdap-grid-container-column-${t.columns}`]: t.columns !== "auto"
-    }), n = t.templateRows || typeof t.rows == "number", a = t.templateRows ?? `repeat(${t.rows}, minmax(0, 1fr))`, s = E({
+    }), n = t.templateRows || typeof t.rows == "number", a = t.templateRows ?? `repeat(${t.rows}, minmax(0, 1fr))`, s = I({
       ...n && {
         gridTemplateRows: a
       },
       ...t.templateColumns && { gridTemplateColumns: t.templateColumns }
     });
-    return (u, i) => (v(), j(re(u.component), {
-      class: H(r),
+    return (o, i) => (v(), j(ae(o.component), {
+      class: B(r),
       style: ge(s)
     }, {
-      default: I(() => [
-        B(u.$slots, "default")
+      default: E(() => [
+        G(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const on = /* @__PURE__ */ C({
+const ln = /* @__PURE__ */ R({
   __name: "GridItem",
   props: {
     component: { default: "div" },
@@ -1545,49 +1545,49 @@ const on = /* @__PURE__ */ C({
     spanRow: { default: 1 }
   },
   setup(e) {
-    const t = e, r = E({
+    const t = e, r = I({
       "pdap-grid-item": !0,
       [`pdap-grid-item-span-column-${t.spanColumn}`]: t.spanColumn > 1
-    }), n = E({
+    }), n = I({
       // Only add inline property if it is passed and exceeds the default
       ...t.spanRow > 1 && {
         gridRow: `span ${t.spanRow} / span ${t.spanRow}`
       }
     });
-    return (a, s) => (v(), j(re(a.component), {
-      class: H(r),
+    return (a, s) => (v(), j(ae(a.component), {
+      class: B(r),
       style: ge(n)
     }, {
-      default: I(() => [
-        B(a.$slots, "default")
+      default: E(() => [
+        G(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const Gr = /* @__PURE__ */ P("svg", {
+const Xr = /* @__PURE__ */ P("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
 }, [
   /* @__PURE__ */ P("path", { d: "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" })
-], -1), Ur = [
-  Gr
-], Wr = ["aria-expanded"], Kr = ["href"], Xr = /* @__PURE__ */ C({
+], -1), Kr = [
+  Xr
+], Qr = ["aria-expanded"], Zr = ["href"], Jr = /* @__PURE__ */ R({
   __name: "PdapNav",
   props: {
     topPosition: {}
   },
   setup(e) {
-    let t = J("navLinks");
+    let t = Y("navLinks");
     typeof t > "u" && (t = [], console.error(
       `Hey, PDAP developer 
 `,
       "Did you forget to inject some linkData for the Nav component?"
     ));
-    const r = E({
+    const r = I({
       isExpanded: !1,
       isMobile: !0
-    }), n = E({
+    }), n = I({
       "pdap-nav": !0
     });
     Ve(() => {
@@ -1596,39 +1596,39 @@ const Gr = /* @__PURE__ */ P("svg", {
       window.removeEventListener("resize", a);
     });
     async function a() {
-      window.innerWidth <= 1024 ? r.isMobile = !0 : r.isMobile = !1, await Y();
+      window.innerWidth <= 1024 ? r.isMobile = !0 : r.isMobile = !1, await te();
     }
     async function s() {
       var i, c;
-      const u = document.querySelector("body");
-      !r.isExpanded && r.isMobile ? (r.isExpanded = !0, u != null && u.classList.contains("lock-scroll") || (i = document.querySelector("body")) == null || i.classList.add("lock-scroll")) : r.isExpanded && r.isMobile && (r.isExpanded = !1, (c = document.querySelector("body")) == null || c.classList.remove("lock-scroll")), await Y();
+      const o = document.querySelector("body");
+      !r.isExpanded && r.isMobile ? (r.isExpanded = !0, o != null && o.classList.contains("lock-scroll") || (i = document.querySelector("body")) == null || i.classList.add("lock-scroll")) : r.isExpanded && r.isMobile && (r.isExpanded = !1, (c = document.querySelector("body")) == null || c.classList.remove("lock-scroll")), await te();
     }
-    return (u, i) => (v(), b(Q, null, [
+    return (o, i) => (v(), w(ee, null, [
       P("div", {
         "aria-controls": "nav",
         class: "pdap-nav-open-button",
         role: "button",
         onClick: s
-      }, Ur),
+      }, Kr),
       P("nav", {
         id: "nav",
         "aria-expanded": r.isMobile && r.isExpanded || !r.isMobile,
-        class: H(n),
-        style: ge(r.isMobile ? { top: `${u.topPosition}px` } : {})
+        class: B(n),
+        style: ge(r.isMobile ? { top: `${o.topPosition}px` } : {})
       }, [
-        (v(!0), b(Q, null, fe(d(t), (c) => (v(), b("li", {
+        (v(!0), w(ee, null, fe(d(t), (c) => (v(), w("li", {
           key: c.text,
           class: "pdap-nav-link-container"
         }, [
-          c.href ? (v(), b("a", {
+          c.href ? (v(), w("a", {
             key: 0,
             class: "pdap-nav-link",
             href: c.href,
             target: "_blank",
             referrerpolicy: "no-referrer",
             onClick: s
-          }, S(c.text), 9, Kr)) : q("", !0),
-          c.path ? (v(), j(d(De), {
+          }, z(c.text), 9, Zr)) : F("", !0),
+          c.path ? (v(), j(d(ke), {
             key: 1,
             "active-class": "pdap-nav-link-current",
             "exact-active-class": "pdap-nav-link-current-exact",
@@ -1636,17 +1636,17 @@ const Gr = /* @__PURE__ */ P("svg", {
             to: c.path,
             onClick: s
           }, {
-            default: I(() => [
-              G(S(c.text), 1)
+            default: E(() => [
+              q(z(c.text), 1)
             ]),
             _: 2
-          }, 1032, ["to"])) : q("", !0)
+          }, 1032, ["to"])) : F("", !0)
         ]))), 128))
-      ], 14, Wr)
+      ], 14, Qr)
     ], 64));
   }
 });
-const Zr = ["href"], Jr = ["src"], Qr = ["src"], un = /* @__PURE__ */ C({
+const Yr = ["href"], en = ["src"], tn = ["src"], cn = /* @__PURE__ */ R({
   __name: "PdapHeader",
   props: {
     logoImageSrc: { default: "node_modules/pdap-design-system/dist/images/lockup.svg" },
@@ -1654,7 +1654,7 @@ const Zr = ["href"], Jr = ["src"], Qr = ["src"], un = /* @__PURE__ */ C({
   },
   setup(e) {
     const t = e, r = x(), n = x(null), a = t.logoImageAnchorPath.startsWith("/");
-    rt(() => {
+    nt(() => {
       s(), window.addEventListener("resize", s);
     }), $e(() => {
       window.removeEventListener("resize", s);
@@ -1662,67 +1662,133 @@ const Zr = ["href"], Jr = ["src"], Qr = ["src"], un = /* @__PURE__ */ C({
     function s() {
       n.value && (r.value = n.value.offsetHeight);
     }
-    return (u, i) => (v(), b("header", {
+    return (o, i) => (v(), w("header", {
       ref_key: "el",
       ref: n,
       class: "pdap-header"
     }, [
-      d(a) ? (v(), j(d(De), {
+      d(a) ? (v(), j(d(ke), {
         key: 1,
-        to: u.logoImageAnchorPath,
+        to: o.logoImageAnchorPath,
         class: "logo"
       }, {
-        default: I(() => [
+        default: E(() => [
           P("img", {
-            src: u.logoImageSrc,
+            src: o.logoImageSrc,
             loading: "lazy",
             width: "250",
             alt: "Police Data Accessibility Project Logo"
-          }, null, 8, Qr)
+          }, null, 8, tn)
         ]),
         _: 1
-      }, 8, ["to"])) : (v(), b("a", {
+      }, 8, ["to"])) : (v(), w("a", {
         key: 0,
-        href: u.logoImageAnchorPath,
+        href: o.logoImageAnchorPath,
         class: "logo"
       }, [
         P("img", {
-          src: u.logoImageSrc,
+          src: o.logoImageSrc,
           loading: "lazy",
           width: "250",
           alt: "Police Data Accessibility Project Logo"
-        }, null, 8, Jr)
-      ], 8, Zr)),
-      me(Xr, { "top-position": r.value }, null, 8, ["top-position"])
+        }, null, 8, en)
+      ], 8, Yr)),
+      U(Jr, { "top-position": r.value }, null, 8, ["top-position"])
     ], 512));
   }
 });
-const Yr = ["alt", "src"], ln = /* @__PURE__ */ C({
+const rn = /* @__PURE__ */ P("p", { class: "quick-search-description" }, " We maintain a catalog of public records about police, court, and jail systems across the United States. ", -1), dn = /* @__PURE__ */ R({
+  __name: "QuickSearchForm",
+  props: {
+    mode: { default: "prod" }
+  },
+  setup(e) {
+    const t = at(), r = e, n = [
+      {
+        id: "search-term",
+        name: "searchTerm",
+        label: "What are you looking for?",
+        type: X.TEXT,
+        placeholder: "Enter a keyword, type of public records, or 'all'",
+        value: ""
+      },
+      {
+        id: "location",
+        name: "location",
+        label: "From where?",
+        type: X.TEXT,
+        placeholder: "Enter a state, county, municipality, or 'all'",
+        value: ""
+      }
+      // TODO: Fix TS when form and form test refactor PR is merged
+    ];
+    function a({
+      location: s,
+      searchTerm: o
+    }) {
+      if (s = s.length > 0 ? s : "all", o = o.length > 0 ? o : "all", t.getRoutes().some((i) => i.path.includes("/search/")))
+        t.push(`/search/${o}/${s}`);
+      else {
+        const i = r.mode === "prod" ? "https://data-sources.pdap.io" : "https://data-sources.pdap.dev";
+        window.location.assign(`${i}/search/${o}/${s}`);
+      }
+    }
+    return (s, o) => (v(), j(Se, {
+      alignment: "center",
+      component: "div",
+      class: "pdap-quick-search-form"
+    }, {
+      default: E(() => [
+        rn,
+        U(Wr, {
+          id: "quick-search-form",
+          class: "small",
+          schema: n,
+          name: "quickSearchForm",
+          onSubmit: a
+        }, {
+          default: E(() => [
+            U(st, { type: "submit" }, {
+              default: E(() => [
+                q("Search Data Sources")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+const nn = ["alt", "src"], pn = /* @__PURE__ */ R({
   __name: "TileIcon",
   props: {
     imgAltText: {},
     imgSrc: {}
   },
   setup(e) {
-    return (t, r) => (v(), b("img", {
+    return (t, r) => (v(), w("img", {
       class: "pdap-tile-icon",
       alt: t.imgAltText,
       src: t.imgSrc
-    }, null, 8, Yr));
+    }, null, 8, nn));
   }
 });
 export {
-  rn as Button,
-  nt as FlexContainer,
-  nn as Footer,
-  an as Form,
-  sn as GridContainer,
-  on as GridItem,
-  un as Header,
-  It as Input,
-  Lt as InputCheckbox,
-  At as InputText,
-  Xr as Nav,
-  pe as PdapInputTypes,
-  ln as TileIcon
+  st as Button,
+  Se as FlexContainer,
+  on as Footer,
+  Wr as Form,
+  un as GridContainer,
+  ln as GridItem,
+  cn as Header,
+  At as Input,
+  kt as InputCheckbox,
+  Lt as InputText,
+  Jr as Nav,
+  X as PdapInputTypes,
+  dn as QuickSearchForm,
+  pn as TileIcon
 };