pdap-design-system 2.4.0 → 2.4.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, reactive as C, openBlock as v, createElementBlock as x, normalizeClass as W, renderSlot as J, createBlock as S, resolveDynamicComponent as ge, withCtx as R, inject as re, resolveComponent as tt, createVNode as H, createElementVNode as b, Fragment as X, renderList as he, unref as d, toDisplayString as k, createCommentVNode as V, createTextVNode as N, getCurrentInstance as rt, ref as P, onBeforeMount as De, watch as K, isRef as pe, onBeforeUnmount as $e, computed as _, isReactive as nt, isReadonly as at, provide as Pe, nextTick as ne, mergeProps as ee, watchEffect as Re, withModifiers as st, normalizeStyle as ve, onMounted as ot } from "vue";
+import { defineComponent as j, reactive as E, openBlock as y, createElementBlock as x, normalizeClass as U, renderSlot as Y, createBlock as I, resolveDynamicComponent as ge, withCtx as R, inject as ne, resolveComponent as tt, createVNode as G, createElementVNode as b, Fragment as K, renderList as he, unref as d, toDisplayString as V, createCommentVNode as z, createTextVNode as B, getCurrentInstance as rt, ref as P, onBeforeMount as De, watch as Z, isRef as pe, onBeforeUnmount as $e, computed as _, isReactive as nt, isReadonly as at, provide as Pe, nextTick as ae, mergeProps as te, watchEffect as Re, withModifiers as st, normalizeStyle as ve, onMounted as ot } from "vue";
 import { RouterLink as Fe, useRouter as it } from "vue-router";
 const lt = /* @__PURE__ */ j({
   __name: "PdapButton",
@@ -7,15 +7,15 @@ const lt = /* @__PURE__ */ j({
     isLoading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = C({
+    const t = e, r = E({
       "pdap-button": !0,
       [`pdap-button-${t.intent}`]: !!t.intent,
       "pdap-button-loading": t.isLoading
     });
-    return (n, a) => (v(), x("button", {
-      class: W(r)
+    return (n, a) => (y(), x("button", {
+      class: U(r)
     }, [
-      J(n.$slots, "default")
+      Y(n.$slots, "default")
     ], 2));
   }
 });
@@ -26,29 +26,29 @@ const me = /* @__PURE__ */ j({
     component: { default: "div" }
   },
   setup(e) {
-    const r = C({
+    const r = E({
       "pdap-flex-container": !0,
       [`pdap-flex-container-${e.alignment}`]: !0
     });
-    return (n, a) => (v(), S(ge(n.component), {
-      class: W(r)
+    return (n, a) => (y(), I(ge(n.component), {
+      class: U(r)
     }, {
       default: R(() => [
-        J(n.$slots, "default")
+        Y(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 const ut = { class: "pdap-footer" }, ct = { class: "pdap-footer-social-links" }, dt = ["href"], pt = { class: "pdap-footer-copyright" }, mt = /* @__PURE__ */ b("br", null, null, -1), ft = /* @__PURE__ */ b("p", { class: "pdap-footer-copyright" }, [
-  /* @__PURE__ */ N(" PDAP is a non-profit. EIN: 85-4207132. "),
+  /* @__PURE__ */ B(" PDAP is a non-profit. EIN: 85-4207132. "),
   /* @__PURE__ */ b("a", {
     href: "https://docs.pdap.io/meta/policy/pdap-privacy-policy",
     alt: "Privacy Policy",
     target: "_blank"
   }, [
     /* @__PURE__ */ b("br"),
-    /* @__PURE__ */ N(" Privacy Policy "),
+    /* @__PURE__ */ B(" Privacy Policy "),
     /* @__PURE__ */ b("i", { class: "fa fa-external-link" })
   ]),
   /* @__PURE__ */ b("br"),
@@ -58,14 +58,14 @@ const ut = { class: "pdap-footer" }, ct = { class: "pdap-footer-social-links" },
   target: "_blank"
 }, [
   /* @__PURE__ */ b("img", { src: "https://widgets.guidestar.org/gximage2?o=9973356&l=v4" })
-], -1), $t = ["href"], vt = ["src"], yt = ["src"], cn = /* @__PURE__ */ j({
+], -1), $t = ["href"], vt = ["src"], yt = ["src"], dn = /* @__PURE__ */ j({
   __name: "PdapFooter",
   props: {
     logoImageSrc: { default: "node_modules/pdap-design-system/dist/images/acronym.svg" },
     logoImageAnchorPath: { default: "/" }
   },
   setup(e) {
-    const t = e, r = re("footerLinks", [
+    const t = e, r = ne("footerLinks", [
       {
         href: "https://github.com/orgs/Police-Data-Accessibility-Project",
         text: "Github"
@@ -85,22 +85,22 @@ const ut = { class: "pdap-footer" }, ct = { class: "pdap-footer-social-links" },
     ]), n = t.logoImageAnchorPath.startsWith("/");
     return (a, s) => {
       const u = tt("router-link");
-      return v(), x("footer", ut, [
-        H(me, { alignment: "center" }, {
+      return y(), x("footer", ut, [
+        G(me, { alignment: "center" }, {
           default: R(() => [
             b("ul", ct, [
-              (v(!0), x(X, null, he(d(r), (l) => (v(), x("li", {
+              (y(!0), x(K, null, he(d(r), (l) => (y(), x("li", {
                 key: l.text,
                 class: "pdap-footer-link-container"
               }, [
-                l.href ? (v(), x("a", {
+                l.href ? (y(), x("a", {
                   key: 0,
                   class: "pdap-footer-social-link",
                   href: l.href,
                   target: "_blank",
                   referrerpolicy: "no-referrer"
-                }, k(l.text), 9, dt)) : V("", !0),
-                l.path ? (v(), S(u, {
+                }, V(l.text), 9, dt)) : z("", !0),
+                l.path ? (y(), I(u, {
                   key: 1,
                   "active-class": "pdap-footer-social-link-current",
                   "exact-active-class": "pdap-footer-social-link-current-exact",
@@ -108,20 +108,20 @@ const ut = { class: "pdap-footer" }, ct = { class: "pdap-footer-social-links" },
                   to: l.path
                 }, {
                   default: R(() => [
-                    N(k(l.text), 1)
+                    B(V(l.text), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : V("", !0)
+                }, 1032, ["to"])) : z("", !0)
               ]))), 128))
             ]),
             b("p", pt, [
-              N(" © " + k((/* @__PURE__ */ new Date()).getFullYear()) + " Police Data Accessibility Project", 1),
+              B(" © " + V((/* @__PURE__ */ new Date()).getFullYear()) + " Police Data Accessibility Project", 1),
               mt
             ]),
             ft,
             b("div", gt, [
               ht,
-              d(n) ? (v(), S(u, {
+              d(n) ? (y(), I(u, {
                 key: 1,
                 to: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
@@ -135,7 +135,7 @@ const ut = { class: "pdap-footer" }, ct = { class: "pdap-footer-social-links" },
                   }, null, 8, yt)
                 ]),
                 _: 1
-              }, 8, ["to"])) : (v(), x("a", {
+              }, 8, ["to"])) : (y(), x("a", {
                 key: 0,
                 href: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
@@ -165,7 +165,7 @@ function Oe(e, t) {
   }
   return r;
 }
-function L(e) {
+function k(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Oe(Object(r), !0).forEach(function(n) {
@@ -184,11 +184,11 @@ function _t(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Ee(e) {
+function Ce(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 ae(e) {
+function se(e) {
   return typeof e == "function";
 }
 function bt(e) {
@@ -209,7 +209,7 @@ function de(e, t, r) {
     [r]: !1
   })[r]));
 }
-function Ce(e, t, r) {
+function Ee(e, t, r) {
   return _(() => e.reduce((n, a) => {
     const s = qe(t, a, {
       [r]: !1
@@ -227,29 +227,29 @@ function wt(e, t, r, n, a, s, u) {
   let {
     $lazy: l,
     $rewardEarly: o
-  } = a, c = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], g = arguments.length > 8 ? arguments[8] : void 0, m = arguments.length > 9 ? arguments[9] : void 0, h = arguments.length > 10 ? arguments[10] : void 0;
-  const $ = P(!!n.value), i = P(0);
+  } = a, c = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], m = arguments.length > 8 ? arguments[8] : void 0, $ = arguments.length > 9 ? arguments[9] : void 0, h = arguments.length > 10 ? arguments[10] : void 0;
+  const f = P(!!n.value), i = P(0);
   r.value = !1;
-  const p = K([t, n].concat(c, h), () => {
-    if (l && !n.value || o && !m.value && !r.value)
+  const p = Z([t, n].concat(c, h), () => {
+    if (l && !n.value || o && !$.value && !r.value)
       return;
-    let f;
+    let g;
     try {
-      f = Ne(e, t, g, u);
-    } catch (y) {
-      f = Promise.reject(y);
+      g = Ne(e, t, m, u);
+    } catch (v) {
+      g = Promise.reject(v);
     }
-    i.value++, r.value = !!i.value, $.value = !1, Promise.resolve(f).then((y) => {
-      i.value--, r.value = !!i.value, s.value = y, $.value = Be(y);
-    }).catch((y) => {
-      i.value--, r.value = !!i.value, s.value = y, $.value = !0;
+    i.value++, r.value = !!i.value, f.value = !1, Promise.resolve(g).then((v) => {
+      i.value--, r.value = !!i.value, s.value = v, f.value = Be(v);
+    }).catch((v) => {
+      i.value--, r.value = !!i.value, s.value = v, f.value = !0;
     });
   }, {
     immediate: !0,
     deep: typeof t == "object"
   });
   return {
-    $invalid: $,
+    $invalid: f,
     $unwatch: p
   };
 }
@@ -258,49 +258,49 @@ function xt(e, t, r, n, a, s, u, l) {
     $lazy: o,
     $rewardEarly: c
   } = n;
-  const g = () => ({}), m = _(() => {
+  const m = () => ({}), $ = _(() => {
     if (o && !r.value || c && !l.value)
       return !1;
     let h = !0;
     try {
-      const $ = Ne(e, t, u, s);
-      a.value = $, h = Be($);
-    } catch ($) {
-      a.value = $;
+      const f = Ne(e, t, u, s);
+      a.value = f, h = Be(f);
+    } catch (f) {
+      a.value = f;
     }
     return h;
   });
   return {
-    $unwatch: g,
-    $invalid: m
+    $unwatch: m,
+    $invalid: $
   };
 }
-function Pt(e, t, r, n, a, s, u, l, o, c, g) {
-  const m = P(!1), h = e.$params || {}, $ = P(null);
+function Pt(e, t, r, n, a, s, u, l, o, c, m) {
+  const $ = P(!1), h = e.$params || {}, f = P(null);
   let i, p;
   e.$async ? {
     $invalid: i,
     $unwatch: p
-  } = wt(e.$validator, t, m, r, n, $, a, e.$watchTargets, o, c, g) : {
+  } = wt(e.$validator, t, $, r, n, f, a, e.$watchTargets, o, c, m) : {
     $invalid: i,
     $unwatch: p
-  } = xt(e.$validator, t, r, n, $, a, o, c);
-  const f = e.$message;
+  } = xt(e.$validator, t, r, n, f, a, o, c);
+  const g = e.$message;
   return {
-    $message: ae(f) ? _(() => f(Ee({
-      $pending: m,
+    $message: se(g) ? _(() => g(Ce({
+      $pending: $,
       $invalid: i,
-      $params: Ee(h),
+      $params: Ce(h),
       $model: t,
-      $response: $,
+      $response: f,
       $validator: s,
       $propertyPath: l,
       $property: u
-    }))) : f || "",
+    }))) : g || "",
     $params: h,
-    $pending: m,
+    $pending: $,
     $invalid: i,
-    $response: $,
+    $response: f,
     $unwatch: p
   };
 }
@@ -311,10 +311,10 @@ function Rt() {
   return r.forEach((l) => {
     const o = t[l];
     switch (!0) {
-      case ae(o.$validator):
+      case se(o.$validator):
         n[l] = o;
         break;
-      case ae(o):
+      case se(o):
         n[l] = {
           $validator: o
         };
@@ -336,58 +336,58 @@ function Rt() {
   };
 }
 const Ot = "__root";
-function Et(e, t, r, n, a, s, u, l, o) {
-  const c = Object.keys(e), g = n.get(a, e), m = P(!1), h = P(!1), $ = P(0);
-  if (g) {
-    if (!g.$partial)
-      return g;
-    g.$unwatch(), m.value = g.$dirty.value;
+function Ct(e, t, r, n, a, s, u, l, o) {
+  const c = Object.keys(e), m = n.get(a, e), $ = P(!1), h = P(!1), f = P(0);
+  if (m) {
+    if (!m.$partial)
+      return m;
+    m.$unwatch(), $.value = m.$dirty.value;
   }
   const i = {
-    $dirty: m,
+    $dirty: $,
     $path: a,
     $touch: () => {
-      m.value || (m.value = !0);
+      $.value || ($.value = !0);
     },
     $reset: () => {
-      m.value && (m.value = !1);
+      $.value && ($.value = !1);
     },
     $commit: () => {
     }
   };
   return c.length ? (c.forEach((p) => {
-    i[p] = Pt(e[p], t, i.$dirty, s, u, p, r, a, o, h, $);
-  }), i.$externalResults = _(() => l.value ? [].concat(l.value).map((p, f) => ({
+    i[p] = Pt(e[p], t, i.$dirty, s, u, p, r, a, o, h, f);
+  }), i.$externalResults = _(() => l.value ? [].concat(l.value).map((p, g) => ({
     $propertyPath: a,
     $property: r,
     $validator: "$externalResults",
-    $uid: `${a}-externalResult-${f}`,
+    $uid: `${a}-externalResult-${g}`,
     $message: p,
     $params: {},
     $response: null,
     $pending: !1
   })) : []), i.$invalid = _(() => {
-    const p = c.some((f) => d(i[f].$invalid));
+    const p = c.some((g) => d(i[g].$invalid));
     return h.value = p, !!i.$externalResults.value.length || p;
   }), i.$pending = _(() => c.some((p) => d(i[p].$pending))), i.$error = _(() => i.$dirty.value ? i.$pending.value || i.$invalid.value : !1), i.$silentErrors = _(() => c.filter((p) => d(i[p].$invalid)).map((p) => {
-    const f = i[p];
-    return C({
+    const g = i[p];
+    return E({
       $propertyPath: a,
       $property: r,
       $validator: p,
       $uid: `${a}-${p}`,
-      $message: f.$message,
-      $params: f.$params,
-      $response: f.$response,
-      $pending: f.$pending
+      $message: g.$message,
+      $params: g.$params,
+      $response: g.$response,
+      $pending: g.$pending
     });
   }).concat(i.$externalResults.value)), i.$errors = _(() => i.$dirty.value ? i.$silentErrors.value : []), i.$unwatch = () => c.forEach((p) => {
     i[p].$unwatch();
   }), i.$commit = () => {
-    h.value = !0, $.value = Date.now();
-  }, n.set(a, e, i), i) : (g && n.set(a, e, i), i);
+    h.value = !0, f.value = Date.now();
+  }, n.set(a, e, i), i) : (m && n.set(a, e, i), i);
 }
-function Ct(e, t, r, n, a, s, u) {
+function Et(e, t, r, n, a, s, u) {
   const l = Object.keys(e);
   return l.length ? l.reduce((o, c) => (o[c] = fe({
     validations: e[c],
@@ -409,12 +409,12 @@ function jt(e, t, r) {
       e.$dirty.value = i;
     }
   }), s = _(() => {
-    const i = d(e.$silentErrors) || [], p = n.value.filter((f) => (d(f).$silentErrors || []).length).reduce((f, y) => f.concat(...y.$silentErrors), []);
+    const i = d(e.$silentErrors) || [], p = n.value.filter((g) => (d(g).$silentErrors || []).length).reduce((g, v) => g.concat(...v.$silentErrors), []);
     return i.concat(p);
   }), u = _(() => {
-    const i = d(e.$errors) || [], p = n.value.filter((f) => (d(f).$errors || []).length).reduce((f, y) => f.concat(...y.$errors), []);
+    const i = d(e.$errors) || [], p = n.value.filter((g) => (d(g).$errors || []).length).reduce((g, v) => g.concat(...v.$errors), []);
     return i.concat(p);
-  }), l = _(() => n.value.some((i) => i.$invalid) || d(e.$invalid) || !1), o = _(() => n.value.some((i) => d(i.$pending)) || d(e.$pending) || !1), c = _(() => n.value.some((i) => i.$dirty) || n.value.some((i) => i.$anyDirty) || a.value), g = _(() => a.value ? o.value || l.value : !1), m = () => {
+  }), l = _(() => n.value.some((i) => i.$invalid) || d(e.$invalid) || !1), o = _(() => n.value.some((i) => d(i.$pending)) || d(e.$pending) || !1), c = _(() => n.value.some((i) => i.$dirty) || n.value.some((i) => i.$anyDirty) || a.value), m = _(() => a.value ? o.value || l.value : !1), $ = () => {
     e.$touch(), n.value.forEach((i) => {
       i.$touch();
     });
@@ -422,20 +422,20 @@ function jt(e, t, r) {
     e.$commit(), n.value.forEach((i) => {
       i.$commit();
     });
-  }, $ = () => {
+  }, f = () => {
     e.$reset(), n.value.forEach((i) => {
       i.$reset();
     });
   };
-  return n.value.length && n.value.every((i) => i.$dirty) && m(), {
+  return n.value.length && n.value.every((i) => i.$dirty) && $(), {
     $dirty: a,
     $errors: u,
     $invalid: l,
     $anyDirty: c,
-    $error: g,
+    $error: m,
     $pending: o,
-    $touch: m,
-    $reset: $,
+    $touch: $,
+    $reset: f,
     $silentErrors: s,
     $commit: h
   };
@@ -452,31 +452,31 @@ function fe(e) {
     instance: o,
     externalResults: c
   } = e;
-  const g = a ? `${a}.${n}` : n, {
-    rules: m,
+  const m = a ? `${a}.${n}` : n, {
+    rules: $,
     nestedValidators: h,
-    config: $,
+    config: f,
     validationGroups: i
-  } = Rt(t), p = L(L({}, l), $), f = n ? _(() => {
+  } = Rt(t), p = k(k({}, l), f), g = n ? _(() => {
     const w = d(r);
     return w ? d(w[n]) : void 0;
-  }) : r, y = L({}, d(c) || {}), A = _(() => {
+  }) : r, v = k({}, d(c) || {}), A = _(() => {
     const w = d(c);
     return n ? w ? d(w[n]) : void 0 : w;
-  }), ie = Et(m, f, n, u, g, p, o, A, r), E = Ct(h, f, g, u, p, o, A), F = {};
+  }), F = Ct($, g, n, u, m, p, o, A, r), C = Et(h, g, m, u, p, o, A), q = {};
   i && Object.entries(i).forEach((w) => {
-    let [q, T] = w;
-    F[q] = {
-      $invalid: de(T, E, "$invalid"),
-      $error: de(T, E, "$error"),
-      $pending: de(T, E, "$pending"),
-      $errors: Ce(T, E, "$errors"),
-      $silentErrors: Ce(T, E, "$silentErrors")
+    let [N, L] = w;
+    q[N] = {
+      $invalid: de(L, C, "$invalid"),
+      $error: de(L, C, "$error"),
+      $pending: de(L, C, "$pending"),
+      $errors: Ee(L, C, "$errors"),
+      $silentErrors: Ee(L, C, "$silentErrors")
     };
   });
   const {
-    $dirty: I,
-    $errors: Y,
+    $dirty: T,
+    $errors: ee,
     $invalid: le,
     $anyDirty: Ue,
     $error: Xe,
@@ -485,27 +485,27 @@ function fe(e) {
     $reset: Ke,
     $silentErrors: Ze,
     $commit: xe
-  } = jt(ie, E, s), Qe = n ? _({
-    get: () => d(f),
+  } = jt(F, C, s), Qe = n ? _({
+    get: () => d(g),
     set: (w) => {
-      I.value = !0;
-      const q = d(r), T = d(c);
-      T && (T[n] = y[n]), pe(q[n]) ? q[n].value = w : q[n] = w;
+      T.value = !0;
+      const N = d(r), L = d(c);
+      L && (L[n] = v[n]), pe(N[n]) ? N[n].value = w : N[n] = w;
     }
   }) : null;
-  n && p.$autoDirty && K(f, () => {
-    I.value || ce();
+  n && p.$autoDirty && Z(g, () => {
+    T.value || ce();
     const w = d(c);
-    w && (w[n] = y[n]);
+    w && (w[n] = v[n]);
   }, {
     flush: "sync"
   });
   async function Je() {
-    return ce(), p.$rewardEarly && (xe(), await ne()), await ne(), new Promise((w) => {
+    return ce(), p.$rewardEarly && (xe(), await ae()), await ae(), new Promise((w) => {
       if (!ue.value)
         return w(!le.value);
-      const q = K(ue, () => {
-        w(!le.value), q();
+      const N = Z(ue, () => {
+        w(!le.value), N();
       });
     });
   }
@@ -513,29 +513,29 @@ function fe(e) {
     return (s.value || {})[w];
   }
   function et() {
-    pe(c) ? c.value = y : Object.keys(y).length === 0 ? Object.keys(c).forEach((w) => {
+    pe(c) ? c.value = v : Object.keys(v).length === 0 ? Object.keys(c).forEach((w) => {
       delete c[w];
-    }) : Object.assign(c, y);
+    }) : Object.assign(c, v);
   }
-  return C(L(L(L({}, ie), {}, {
+  return E(k(k(k({}, F), {}, {
     $model: Qe,
-    $dirty: I,
+    $dirty: T,
     $error: Xe,
-    $errors: Y,
+    $errors: ee,
     $invalid: le,
     $anyDirty: Ue,
     $pending: ue,
     $touch: ce,
     $reset: Ke,
-    $path: g || Ot,
+    $path: m || Ot,
     $silentErrors: Ze,
     $validate: Je,
     $commit: xe
   }, s && {
     $getResultsForChild: Ye,
     $clearExternalResults: et,
-    $validationGroups: F
-  }), E));
+    $validationGroups: q
+  }), C));
 }
 class At {
   constructor() {
@@ -566,7 +566,7 @@ class At {
     };
   }
 }
-const te = {
+const re = {
   COLLECT_ALL: !0,
   COLLECT_NONE: !1
 }, je = Symbol("vuelidate#injectChildResults"), Ae = Symbol("vuelidate#removeChildResults");
@@ -575,23 +575,23 @@ function St(e) {
     $scope: t,
     instance: r
   } = e;
-  const n = {}, a = P([]), s = _(() => a.value.reduce((g, m) => (g[m] = d(n[m]), g), {}));
-  function u(g, m) {
+  const n = {}, a = P([]), s = _(() => a.value.reduce((m, $) => (m[$] = d(n[$]), m), {}));
+  function u(m, $) {
     let {
       $registerAs: h,
-      $scope: $,
+      $scope: f,
       $stopPropagation: i
-    } = m;
-    i || t === te.COLLECT_NONE || $ === te.COLLECT_NONE || t !== te.COLLECT_ALL && t !== $ || (n[h] = g, a.value.push(h));
+    } = $;
+    i || t === re.COLLECT_NONE || f === re.COLLECT_NONE || t !== re.COLLECT_ALL && t !== f || (n[h] = m, a.value.push(h));
   }
   r.__vuelidateInjectInstances = [].concat(r.__vuelidateInjectInstances || [], u);
-  function l(g) {
-    a.value = a.value.filter((m) => m !== g), delete n[g];
+  function l(m) {
+    a.value = a.value.filter(($) => $ !== m), delete n[m];
   }
   r.__vuelidateRemoveInstances = [].concat(r.__vuelidateRemoveInstances || [], l);
-  const o = re(je, []);
+  const o = ne(je, []);
   Pe(je, r.__vuelidateInjectInstances);
-  const c = re(Ae, []);
+  const c = ne(Ae, []);
   return Pe(Ae, r.__vuelidateRemoveInstances), {
     childResults: s,
     sendValidationResultsToParent: o,
@@ -612,15 +612,15 @@ function It(e, t) {
   arguments.length === 1 && (n = e, e = void 0, t = void 0);
   let {
     $registerAs: a,
-    $scope: s = te.COLLECT_ALL,
+    $scope: s = re.COLLECT_ALL,
     $stopPropagation: u,
     $externalResults: l,
     currentVueInstance: o
   } = n;
-  const c = o || ((r = rt()) === null || r === void 0 ? void 0 : r.proxy), g = c ? c.$options : {};
+  const c = o || ((r = rt()) === null || r === void 0 ? void 0 : r.proxy), m = c ? c.$options : {};
   a || (Se += 1, a = `_vuelidate_${Se}`);
-  const m = P({}), h = new At(), {
-    childResults: $,
+  const $ = P({}), h = new At(), {
+    childResults: f,
     sendValidationResultsToParent: i,
     removeValidationResultsFromParent: p
   } = c ? St({
@@ -629,14 +629,14 @@ function It(e, t) {
   }) : {
     childResults: P({})
   };
-  if (!e && g.validations) {
-    const f = g.validations;
+  if (!e && m.validations) {
+    const g = m.validations;
     t = P({}), De(() => {
-      t.value = c, K(() => ae(f) ? f.call(t.value, new He(t.value)) : f, (y) => {
-        m.value = fe({
-          validations: y,
+      t.value = c, Z(() => se(g) ? g.call(t.value, new He(t.value)) : g, (v) => {
+        $.value = fe({
+          validations: v,
           state: t,
-          childResults: $,
+          childResults: f,
           resultsCache: h,
           globalConfig: n,
           instance: c,
@@ -645,14 +645,14 @@ function It(e, t) {
       }, {
         immediate: !0
       });
-    }), n = g.validationsConfig || n;
+    }), n = m.validationsConfig || n;
   } else {
-    const f = pe(e) || bt(e) ? e : C(e || {});
-    K(f, (y) => {
-      m.value = fe({
-        validations: y,
+    const g = pe(e) || bt(e) ? e : E(e || {});
+    Z(g, (v) => {
+      $.value = fe({
+        validations: v,
         state: t,
-        childResults: $,
+        childResults: f,
         resultsCache: h,
         globalConfig: n,
         instance: c ?? {},
@@ -662,13 +662,13 @@ function It(e, t) {
       immediate: !0
     });
   }
-  return c && (i.forEach((f) => f(m, {
+  return c && (i.forEach((g) => g($, {
     $registerAs: a,
     $scope: s,
     $stopPropagation: u
-  })), $e(() => p.forEach((f) => f(a)))), _(() => L(L({}, d(m.value)), $.value));
+  })), $e(() => p.forEach((g) => g(a)))), _(() => k(k({}, d($.value)), f.value));
 }
-var z = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e.PASSWORD = "password", e))(z || {});
+var S = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e.PASSWORD = "password", e))(S || {});
 const Tt = ["id", "name", "placeholder", "value"], Lt = ["id", "name", "placeholder", "value"], kt = ["id", "name", "checked", "value"], Vt = ["id"], zt = ["for"], Mt = /* @__PURE__ */ j({
   __name: "PdapInput",
   props: {
@@ -689,30 +689,30 @@ const Tt = ["id", "name", "placeholder", "value"], Lt = ["id", "name", "placehol
       n("input", o.target.value);
     }, u = P(r.defaultChecked), l = _(() => `pdap-${r.name}-input-error`);
     return (o, c) => {
-      var g;
-      return v(), S(d(Kr), {
-        class: W({
+      var m;
+      return y(), I(d(Zr), {
+        class: U({
           "pdap-input": !0,
-          "pdap-input-error": Number((g = o.error) == null ? void 0 : g.length) >= 1
+          "pdap-input-error": Number((m = o.error) == null ? void 0 : m.length) >= 1
         })
       }, {
         default: R(() => [
-          o.type === d(z).TEXT ? (v(), x("input", ee({
+          o.type === d(S).TEXT ? (y(), x("input", te({
             key: 0,
             id: o.id,
             type: "text",
             name: o.name,
             placeholder: o.placeholder,
             value: o.value
-          }, o.$attrs, { onInput: s }), null, 16, Tt)) : V("", !0),
-          o.type === d(z).PASSWORD ? (v(), x("input", ee({
+          }, o.$attrs, { onInput: s }), null, 16, Tt)) : z("", !0),
+          o.type === d(S).PASSWORD ? (y(), x("input", te({
             key: 1,
             id: o.id,
             type: "password",
             name: o.name,
             placeholder: o.placeholder,
             value: o.value
-          }, o.$attrs, { onInput: s }), null, 16, Lt)) : o.type === d(z).CHECKBOX ? (v(), x("input", ee({
+          }, o.$attrs, { onInput: s }), null, 16, Lt)) : o.type === d(S).CHECKBOX ? (y(), x("input", te({
             key: 2,
             id: o.id,
             class: "pdap-input-checkbox",
@@ -720,16 +720,16 @@ const Tt = ["id", "name", "placeholder", "value"], Lt = ["id", "name", "placehol
             checked: u.value,
             type: "checkbox",
             value: o.value
-          }, o.$attrs, { onChange: a }), null, 16, kt)) : V("", !0),
-          o.error ? (v(), x("div", {
+          }, o.$attrs, { onChange: a }), null, 16, kt)) : z("", !0),
+          o.error ? (y(), x("div", {
             key: 3,
             id: l.value,
             class: "pdap-input-error-message"
-          }, k(o.error), 9, Vt)) : V("", !0),
+          }, V(o.error), 9, Vt)) : z("", !0),
           b("label", {
             class: "pdap-input-label",
             for: o.id
-          }, k(o.label), 9, zt)
+          }, V(o.label), 9, zt)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -746,7 +746,7 @@ function Ie(e, t) {
   }
   return r;
 }
-function G(e) {
+function W(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) {
@@ -765,46 +765,46 @@ function Dt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Z(e) {
+function Q(e) {
   return typeof e == "function";
 }
-function se(e) {
+function oe(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function oe(e) {
-  return Z(e.$validator) ? G({}, e) : {
+function ie(e) {
+  return Q(e.$validator) ? W({}, e) : {
     $validator: e
   };
 }
 function Ft(e) {
-  return se(e) && Z(e.then);
+  return oe(e) && Q(e.then);
 }
 function M(e) {
   return typeof e == "object" ? e.$valid : e;
 }
-function B(e) {
+function H(e) {
   return e.$validator || e;
 }
 function ye(e, t) {
-  if (!se(e))
+  if (!oe(e))
     throw new Error(`[@vuelidate/validators]: First parameter to "withParams" should be an object, provided ${typeof e}`);
-  if (!se(t) && !Z(t))
+  if (!oe(t) && !Q(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = oe(t);
-  return r.$params = G(G({}, r.$params || {}), e), r;
+  const r = ie(t);
+  return r.$params = W(W({}, r.$params || {}), e), r;
 }
-function Q(e, t) {
-  if (!Z(e) && typeof d(e) != "string")
+function J(e, t) {
+  if (!Q(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 (!se(t) && !Z(t))
+  if (!oe(t) && !Q(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = oe(t);
+  const r = ie(t);
   return r.$message = e, r;
 }
 function qt(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  const r = oe(e);
-  return G(G({}, r), {}, {
+  const r = ie(e);
+  return W(W({}, r), {}, {
     $async: !0,
     $watchTargets: t
   });
@@ -815,32 +815,32 @@ function Nt(e) {
       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, l) => {
-        const o = Object.entries(u).reduce((c, g) => {
-          let [m, h] = g;
-          const $ = e[m] || {}, i = Object.entries($).reduce((p, f) => {
-            let [y, A] = f;
-            const E = B(A).call(this, h, u, l, ...n), F = M(E);
-            if (p.$data[y] = E, p.$data.$invalid = !F || !!p.$data.$invalid, p.$data.$error = p.$data.$invalid, !F) {
-              let I = A.$message || "";
-              const Y = A.$params || {};
-              typeof I == "function" && (I = I({
+        const o = Object.entries(u).reduce((c, m) => {
+          let [$, h] = m;
+          const f = e[$] || {}, i = Object.entries(f).reduce((p, g) => {
+            let [v, A] = g;
+            const C = H(A).call(this, h, u, l, ...n), q = M(C);
+            if (p.$data[v] = C, p.$data.$invalid = !q || !!p.$data.$invalid, p.$data.$error = p.$data.$invalid, !q) {
+              let T = A.$message || "";
+              const ee = A.$params || {};
+              typeof T == "function" && (T = T({
                 $pending: !1,
-                $invalid: !F,
-                $params: Y,
+                $invalid: !q,
+                $params: ee,
                 $model: h,
-                $response: E
+                $response: C
               })), p.$errors.push({
-                $property: m,
-                $message: I,
-                $params: Y,
-                $response: E,
+                $property: $,
+                $message: T,
+                $params: ee,
+                $response: C,
                 $model: h,
                 $pending: !1,
-                $validator: y
+                $validator: v
               });
             }
             return {
-              $valid: p.$valid && F,
+              $valid: p.$valid && q,
               $data: p.$data,
               $errors: p.$errors
             };
@@ -849,7 +849,7 @@ function Nt(e) {
             $data: {},
             $errors: []
           });
-          return c.$data[m] = i.$data, c.$errors[m] = i.$errors, {
+          return c.$data[$] = i.$data, c.$errors[$] = i.$errors, {
             $valid: c.$valid && i.$valid,
             $data: c.$data,
             $errors: c.$errors
@@ -899,18 +899,18 @@ function D() {
     t[r] = arguments[r];
   return (n) => (n = d(n), !O(n) || t.every((a) => (a.lastIndex = 0, a.test(n))));
 }
-var U = /* @__PURE__ */ Object.freeze({
+var X = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   forEach: Nt,
   len: _e,
-  normalizeValidatorObject: oe,
+  normalizeValidatorObject: ie,
   regex: D,
   req: O,
   unwrap: d,
-  unwrapNormalizedValidator: B,
+  unwrapNormalizedValidator: H,
   unwrapValidatorResponse: M,
   withAsync: qt,
-  withMessage: Q,
+  withMessage: J,
   withParams: ye
 }), Bt = D(/^[a-zA-Z]*$/), Ht = {
   $validator: Bt,
@@ -1111,7 +1111,7 @@ function yr(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) => M(a) ? a : B(s).apply(this, r), !1);
+    return e.reduce((a, s) => M(a) ? a : H(s).apply(this, r), !1);
   };
 }
 function _r(e) {
@@ -1120,7 +1120,7 @@ function _r(e) {
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
       const u = await a;
-      return M(u) ? u : B(s).apply(this, r);
+      return M(u) ? u : H(s).apply(this, r);
     }, Promise.resolve(!1));
   };
 }
@@ -1138,13 +1138,13 @@ function br() {
 function wr() {
   return ye({
     type: "or"
-  }, Q("The value does not match any of the provided validators", br(...arguments)));
+  }, J("The value does not match any of the provided validators", br(...arguments)));
 }
 function xr(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) => M(a) ? B(s).apply(this, r) : a, !0);
+    return e.reduce((a, s) => M(a) ? H(s).apply(this, r) : a, !0);
   };
 }
 function Pr(e) {
@@ -1153,7 +1153,7 @@ function Pr(e) {
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
       const u = await a;
-      return M(u) ? B(s).apply(this, r) : u;
+      return M(u) ? H(s).apply(this, r) : u;
     }, Promise.resolve(!0));
   };
 }
@@ -1171,19 +1171,19 @@ function Rr() {
 function Or() {
   return ye({
     type: "and"
-  }, Q("The value does not match all of the provided validators", Rr(...arguments)));
+  }, J("The value does not match all of the provided validators", Rr(...arguments)));
 }
-function Er(e) {
+function Cr(e) {
   return function(t, r) {
     if (!O(t))
       return !0;
-    const n = B(e).call(this, t, r);
+    const n = H(e).call(this, t, r);
     return Ft(n) ? n.then((a) => !M(a)) : !M(n);
   };
 }
-function Cr(e) {
+function Er(e) {
   return {
-    $validator: Er(e),
+    $validator: Cr(e),
     $message: "The value does not match the provided validator",
     $params: {
       type: "not"
@@ -1253,20 +1253,20 @@ function zr(e) {
       messagePath: l = r,
       messageParams: o = n
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    function c(g) {
-      return t(l(g), o(G({
-        model: g.$model,
-        property: g.$property,
-        pending: g.$pending,
-        invalid: g.$invalid,
-        response: g.$response,
-        validator: g.$validator,
-        propertyPath: g.$propertyPath
-      }, g.$params)));
+    function c(m) {
+      return t(l(m), o(W({
+        model: m.$model,
+        property: m.$property,
+        pending: m.$pending,
+        invalid: m.$invalid,
+        response: m.$response,
+        validator: m.$validator,
+        propertyPath: m.$propertyPath
+      }, m.$params)));
     }
     return u && typeof s == "function" ? function() {
-      return Q(c, s(...arguments));
-    } : Q(c, s);
+      return J(c, s(...arguments));
+    } : J(c, s);
   };
 }
 const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -1278,7 +1278,7 @@ const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createI18nMessage: zr,
   decimal: Vr,
   email: be,
-  helpers: U,
+  helpers: X,
   integer: Lr,
   ipAddress: tr,
   macAddress: ar,
@@ -1286,7 +1286,7 @@ const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maxValue: Ir,
   minLength: lr,
   minValue: Ar,
-  not: Cr,
+  not: Er,
   numeric: Xt,
   or: wr,
   required: we,
@@ -1294,7 +1294,7 @@ const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   requiredUnless: mr,
   sameAs: gr,
   url: vr
-}, Symbol.toStringTag, { value: "Module" })), We = U.regex(
+}, Symbol.toStringTag, { value: "Module" })), We = X.regex(
   /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/
 );
 function ke(e) {
@@ -1316,7 +1316,7 @@ function Mr(e, t) {
 }
 function Dr(e, t, r) {
   return {
-    [e]: U.withMessage(r, Ge[e](t))
+    [e]: X.withMessage(r, Ge[e](t))
   };
 }
 function Fr() {
@@ -1324,7 +1324,7 @@ function Fr() {
 }
 function qr(e) {
   return {
-    required: U.withMessage(e, we)
+    required: X.withMessage(e, we)
   };
 }
 function Nr() {
@@ -1332,7 +1332,7 @@ function Nr() {
 }
 function Br(e) {
   return {
-    email: U.withMessage(e, be)
+    email: X.withMessage(e, be)
   };
 }
 function Hr() {
@@ -1340,7 +1340,7 @@ function Hr() {
 }
 function Gr(e) {
   return {
-    password: U.withMessage(e, We)
+    password: X.withMessage(e, We)
   };
 }
 function Wr(e, t) {
@@ -1366,10 +1366,10 @@ function Wr(e, t) {
     return Fr();
   throw new Error("No valid rule detected");
 }
-const Ur = {
+const Ur = ["id", "name"], Xr = {
   key: 0,
   class: "pdap-form-error-message"
-}, Xr = /* @__PURE__ */ j({
+}, Kr = /* @__PURE__ */ j({
   __name: "PdapForm",
   props: {
     error: { default: null },
@@ -1377,40 +1377,43 @@ const Ur = {
     name: {},
     schema: {}
   },
-  emits: ["submit"],
+  emits: ["submit", "change"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = P(
-      r.schema.map((m) => {
-        const h = { ...m };
-        return delete h.validators, h;
+    const r = e, n = t, a = _(
+      () => r.schema.map((h) => {
+        const f = { ...h };
+        return delete f.validators, f;
       })
-    ), s = P(
-      r.schema.reduce((m, h) => {
-        switch (h.type) {
-          case z.CHECKBOX:
-            return { ...m, [h.name]: String(h.defaultChecked) };
-          case z.TEXT:
+    );
+    let s = E(
+      a.value.reduce((h, f) => {
+        switch (f.type) {
+          case S.CHECKBOX:
+            return { ...h, [f.name]: String(f.defaultChecked) };
+          case S.TEXT:
+          case S.PASSWORD:
           default:
-            return { ...m, [h.name]: h.value };
+            return { ...h, [f.name]: f.value };
         }
       }, {})
-    ), u = r.schema.reduce((m, h) => {
-      const $ = Object.entries(h.validators ?? {}).reduce(
-        (i, [p, f]) => ({
-          ...i,
-          ...Wr(p, f)
+    );
+    const u = r.schema.reduce((h, f) => {
+      const i = Object.entries(f.validators ?? {}).reduce(
+        (p, [g, v]) => ({
+          ...p,
+          ...Wr(g, v)
         }),
         {}
       );
       return {
-        ...m,
-        [h.name]: {
-          ...$
+        ...h,
+        [f.name]: {
+          ...i
         }
       };
     }, {}), l = It(u, s, { $autoDirty: !1, $lazy: !0 }), o = P(r.error);
-    function c(m, h) {
-      s.value[m] = h;
+    function c(h, f) {
+      s[h] = f, m();
     }
     Re(() => {
       r.error ? o.value = r.error : o.value && l.value.$errors.length === 0 ? o.value = null : !o.value && l.value.$errors.length > 0 && (o.value = "Please update this form to correct the errors");
@@ -1419,6 +1422,8 @@ const Ur = {
 `, {
         errorMessage: o.value,
         props: r,
+        schema: r.schema,
+        data: a,
         values: s,
         vuelidate: {
           rules: u,
@@ -1426,32 +1431,38 @@ const Ur = {
         }
       });
     });
-    async function g(m) {
+    function m() {
+      n("change", { ...s });
+    }
+    async function $(h) {
       if (await l.value.$validate()) {
-        n("submit", { ...s.value }), l.value.$reset(), m.target.reset(), s.value = Object.entries(s.value).reduce((i, [p, f]) => ({ ...i, [p]: ["true", "false"].includes(f) ? f : "" }), {});
+        n("submit", { ...s }), l.value.$reset(), h.target.reset(), s = Object.entries(s).reduce((p, [g, v]) => ({ ...p, [g]: ["true", "false"].includes(v) ? v : "" }), {});
         return;
       }
     }
-    return (m, h) => (v(), x("form", {
+    return (h, f) => (y(), x("form", {
+      id: h.id,
+      name: h.name,
       class: "pdap-form",
-      onSubmit: h[0] || (h[0] = st(($) => g($), ["prevent"]))
+      onChange: m,
+      onSubmit: f[0] || (f[0] = st((i) => $(i), ["prevent"]))
     }, [
-      typeof o.value == "string" ? (v(), x("div", Ur, k(o.value), 1)) : V("", !0),
-      (v(!0), x(X, null, he(a.value, ($) => {
-        var i, p, f, y;
-        return v(), S(Mt, ee($, {
-          key: $.name,
-          error: (i = d(l)[$.name]) != null && i.$error ? (y = (f = (p = d(l)[$.name]) == null ? void 0 : p.$errors) == null ? void 0 : f[0]) == null ? void 0 : y.$message : "",
-          value: s.value[$.name],
-          onChange: (A) => c($.name, A),
-          onInput: (A) => c($.name, A)
+      typeof o.value == "string" ? (y(), x("div", Xr, V(o.value), 1)) : z("", !0),
+      (y(!0), x(K, null, he(a.value, (i) => {
+        var p, g, v, A;
+        return y(), I(Mt, te(i, {
+          key: i.name,
+          error: (p = d(l)[i.name]) != null && p.$error ? (A = (v = (g = d(l)[i.name]) == null ? void 0 : g.$errors) == null ? void 0 : v[0]) == null ? void 0 : A.$message : "",
+          value: d(s)[i.name],
+          onChange: (F) => c(i.name, F),
+          onInput: (F) => c(i.name, F)
         }), null, 16, ["error", "value", "onChange", "onInput"]);
       }), 128)),
-      J(m.$slots, "default")
-    ], 32));
+      Y(h.$slots, "default")
+    ], 40, Ur));
   }
 });
-const Kr = /* @__PURE__ */ j({
+const Zr = /* @__PURE__ */ j({
   __name: "GridContainer",
   props: {
     columns: { default: "auto" },
@@ -1461,27 +1472,27 @@ const Kr = /* @__PURE__ */ j({
     templateRows: {}
   },
   setup(e) {
-    const t = e, r = C({
+    const t = e, r = E({
       "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 = C({
+    }), n = t.templateRows || typeof t.rows == "number", a = t.templateRows ?? `repeat(${t.rows}, minmax(0, 1fr))`, s = E({
       ...n && {
         gridTemplateRows: a
       },
       ...t.templateColumns && { gridTemplateColumns: t.templateColumns }
     });
-    return (u, l) => (v(), S(ge(u.component), {
-      class: W(r),
+    return (u, l) => (y(), I(ge(u.component), {
+      class: U(r),
       style: ve(s)
     }, {
       default: R(() => [
-        J(u.$slots, "default")
+        Y(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const dn = /* @__PURE__ */ j({
+const pn = /* @__PURE__ */ j({
   __name: "GridItem",
   props: {
     component: { default: "div" },
@@ -1489,49 +1500,49 @@ const dn = /* @__PURE__ */ j({
     spanRow: { default: 1 }
   },
   setup(e) {
-    const t = e, r = C({
+    const t = e, r = E({
       "pdap-grid-item": !0,
       [`pdap-grid-item-span-column-${t.spanColumn}`]: t.spanColumn > 1
-    }), n = C({
+    }), n = E({
       // 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(), S(ge(a.component), {
-      class: W(r),
+    return (a, s) => (y(), I(ge(a.component), {
+      class: U(r),
       style: ve(n)
     }, {
       default: R(() => [
-        J(a.$slots, "default")
+        Y(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const Zr = /* @__PURE__ */ b("svg", {
+const Qr = /* @__PURE__ */ b("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
 }, [
   /* @__PURE__ */ b("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), Qr = [
-  Zr
-], Jr = ["aria-expanded"], Yr = ["href"], en = /* @__PURE__ */ j({
+], -1), Jr = [
+  Qr
+], Yr = ["aria-expanded"], en = ["href"], tn = /* @__PURE__ */ j({
   __name: "PdapNav",
   props: {
     topPosition: {}
   },
   setup(e) {
-    let t = re("navLinks");
+    let t = ne("navLinks");
     typeof t > "u" && (t = [], console.error(
       `Hey, PDAP developer 
 `,
       "Did you forget to inject some linkData for the Nav component?"
     ));
-    const r = C({
+    const r = E({
       isExpanded: !1,
       isMobile: !0
-    }), n = C({
+    }), n = E({
       "pdap-nav": !0
     });
     De(() => {
@@ -1540,39 +1551,39 @@ const Zr = /* @__PURE__ */ b("svg", {
       window.removeEventListener("resize", a);
     });
     async function a() {
-      window.innerWidth <= 1024 ? r.isMobile = !0 : r.isMobile = !1, await ne();
+      window.innerWidth <= 1024 ? r.isMobile = !0 : r.isMobile = !1, await ae();
     }
     async function s() {
       var l, o;
       const u = document.querySelector("body");
-      !r.isExpanded && r.isMobile ? (r.isExpanded = !0, u != null && u.classList.contains("lock-scroll") || (l = document.querySelector("body")) == null || l.classList.add("lock-scroll")) : r.isExpanded && r.isMobile && (r.isExpanded = !1, (o = document.querySelector("body")) == null || o.classList.remove("lock-scroll")), await ne();
+      !r.isExpanded && r.isMobile ? (r.isExpanded = !0, u != null && u.classList.contains("lock-scroll") || (l = document.querySelector("body")) == null || l.classList.add("lock-scroll")) : r.isExpanded && r.isMobile && (r.isExpanded = !1, (o = document.querySelector("body")) == null || o.classList.remove("lock-scroll")), await ae();
     }
-    return (u, l) => (v(), x(X, null, [
+    return (u, l) => (y(), x(K, null, [
       b("div", {
         "aria-controls": "nav",
         class: "pdap-nav-open-button",
         role: "button",
         onClick: s
-      }, Qr),
+      }, Jr),
       b("nav", {
         id: "nav",
         "aria-expanded": r.isMobile && r.isExpanded || !r.isMobile,
-        class: W(n),
+        class: U(n),
         style: ve(r.isMobile ? { top: `${u.topPosition}px` } : {})
       }, [
-        (v(!0), x(X, null, he(d(t), (o) => (v(), x("li", {
+        (y(!0), x(K, null, he(d(t), (o) => (y(), x("li", {
           key: o.text,
           class: "pdap-nav-link-container"
         }, [
-          o.href ? (v(), x("a", {
+          o.href ? (y(), x("a", {
             key: 0,
             class: "pdap-nav-link",
             href: o.href,
             target: "_blank",
             referrerpolicy: "no-referrer",
             onClick: s
-          }, k(o.text), 9, Yr)) : V("", !0),
-          o.path ? (v(), S(d(Fe), {
+          }, V(o.text), 9, en)) : z("", !0),
+          o.path ? (y(), I(d(Fe), {
             key: 1,
             "active-class": "pdap-nav-link-current",
             "exact-active-class": "pdap-nav-link-current-exact",
@@ -1581,16 +1592,16 @@ const Zr = /* @__PURE__ */ b("svg", {
             onClick: s
           }, {
             default: R(() => [
-              N(k(o.text), 1)
+              B(V(o.text), 1)
             ]),
             _: 2
-          }, 1032, ["to"])) : V("", !0)
+          }, 1032, ["to"])) : z("", !0)
         ]))), 128))
-      ], 14, Jr)
+      ], 14, Yr)
     ], 64));
   }
 });
-const tn = ["href"], rn = ["src"], nn = ["src"], pn = /* @__PURE__ */ j({
+const rn = ["href"], nn = ["src"], an = ["src"], mn = /* @__PURE__ */ j({
   __name: "PdapHeader",
   props: {
     logoImageSrc: { default: "node_modules/pdap-design-system/dist/images/lockup.svg" },
@@ -1606,12 +1617,12 @@ const tn = ["href"], rn = ["src"], nn = ["src"], pn = /* @__PURE__ */ j({
     function s() {
       n.value && (r.value = n.value.offsetHeight);
     }
-    return (u, l) => (v(), x("header", {
+    return (u, l) => (y(), x("header", {
       ref_key: "el",
       ref: n,
       class: "pdap-header"
     }, [
-      d(a) ? (v(), S(d(Fe), {
+      d(a) ? (y(), I(d(Fe), {
         key: 1,
         to: u.logoImageAnchorPath,
         class: "logo"
@@ -1622,10 +1633,10 @@ const tn = ["href"], rn = ["src"], nn = ["src"], pn = /* @__PURE__ */ j({
             loading: "lazy",
             width: "250",
             alt: "Police Data Accessibility Project Logo"
-          }, null, 8, nn)
+          }, null, 8, an)
         ]),
         _: 1
-      }, 8, ["to"])) : (v(), x("a", {
+      }, 8, ["to"])) : (y(), x("a", {
         key: 0,
         href: u.logoImageAnchorPath,
         class: "logo"
@@ -1635,16 +1646,16 @@ const tn = ["href"], rn = ["src"], nn = ["src"], pn = /* @__PURE__ */ j({
           loading: "lazy",
           width: "250",
           alt: "Police Data Accessibility Project Logo"
-        }, null, 8, rn)
-      ], 8, tn)),
-      H(en, { "top-position": r.value }, null, 8, ["top-position"])
+        }, null, 8, nn)
+      ], 8, rn)),
+      G(tn, { "top-position": r.value }, null, 8, ["top-position"])
     ], 512));
   }
 });
-const an = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1), sn = /* @__PURE__ */ b("p", { class: "pb-4 md:pb-8" }, [
-  /* @__PURE__ */ N(" If you have a question to answer, we may already know about helpful data in your area. "),
+const sn = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1), on = /* @__PURE__ */ b("p", { class: "pb-4 md:pb-8" }, [
+  /* @__PURE__ */ B(" If you have a question to answer, we may already know about helpful data in your area. "),
   /* @__PURE__ */ b("a", { href: "https://pdap.io/data" }, "Learn more about the data here.")
-], -1), mn = /* @__PURE__ */ j({
+], -1), fn = /* @__PURE__ */ j({
   __name: "QuickSearchForm",
   props: {
     baseUrlForRedirect: { default: "https://data-sources.pdap.io" }
@@ -1655,7 +1666,7 @@ const an = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1)
         id: "search-term",
         name: "searchTerm",
         label: "What are you looking for?",
-        type: z.TEXT,
+        type: S.TEXT,
         placeholder: "Enter a keyword, or 'all'",
         value: ""
       },
@@ -1663,49 +1674,53 @@ const an = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1)
         id: "location",
         name: "location",
         label: "From where?",
-        type: z.TEXT,
+        type: S.TEXT,
         placeholder: "Enter a place, or 'all'",
         value: ""
       }
     ], a = P(void 0);
-    function s(u) {
-      if (Object.values(u).every((c) => !c)) {
+    function s(l) {
+      a.value && Object.values(l).some(Boolean) && (a.value = void 0);
+    }
+    function u(l) {
+      if (Object.values(l).every((m) => !m)) {
         a.value = "Either a search term or a location is required.";
         return;
       }
-      let { location: l, searchTerm: o } = u;
-      l = l && l.length > 0 ? l : "all", o = o && o.length > 0 ? o : "all", t.getRoutes().some((c) => c.path.includes("/search/")) ? t.push(`/search/${o}/${l}`) : window.location.assign(
-        `${r.baseUrlForRedirect}/search/${o}/${l}`
+      let { location: o, searchTerm: c } = l;
+      o = o && o.length > 0 ? o : "all", c = c && c.length > 0 ? c : "all", t.getRoutes().some((m) => m.path.includes("/search/")) ? t.push(`/search/${c}/${o}`) : window.location.assign(
+        `${r.baseUrlForRedirect}/search/${c}/${o}`
       );
     }
-    return (u, l) => (v(), x(X, null, [
-      H(me, { class: "p-0" }, {
+    return (l, o) => (y(), x(K, null, [
+      G(me, { class: "p-0" }, {
         default: R(() => [
-          an,
-          sn
+          sn,
+          on
         ]),
         _: 1
       }),
-      H(me, {
+      G(me, {
         alignment: "center",
         class: "pdap-quick-search-form h-full max-h-[75-vh] justify-start p-0"
       }, {
         default: R(() => [
-          H(Xr, {
+          G(Kr, {
             id: "quick-search-form",
             class: "flex flex-wrap gap-x-4",
             error: a.value,
             schema: n,
             name: "quickSearchForm",
-            onSubmit: s
+            onChange: s,
+            onSubmit: u
           }, {
             default: R(() => [
-              H(lt, {
+              G(lt, {
                 type: "submit",
                 class: "flex-grow-0 flex-shrink-0 basis-full max-w-[unset] mt-4"
               }, {
                 default: R(() => [
-                  N("Search Data Sources")
+                  B("Search Data Sources")
                 ]),
                 _: 1
               })
@@ -1718,21 +1733,21 @@ const an = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1)
     ], 64));
   }
 });
-const on = ["alt", "src"], fn = /* @__PURE__ */ j({
+const ln = ["alt", "src"], gn = /* @__PURE__ */ j({
   __name: "TileIcon",
   props: {
     imgAltText: {},
     imgSrc: {}
   },
   setup(e) {
-    return (t, r) => (v(), x("img", {
+    return (t, r) => (y(), x("img", {
       class: "pdap-tile-icon",
       alt: t.imgAltText,
       src: t.imgSrc
-    }, null, 8, on));
+    }, null, 8, ln));
   }
 });
-const gn = {
+const hn = {
   content: ["./src/**/*.vue", "./src/**/*.css"],
   theme: {
     // Nested within "extend" - extends tailwind theme defaults, only overrides properties named here
@@ -1813,15 +1828,15 @@ const gn = {
 export {
   lt as Button,
   me as FlexContainer,
-  cn as Footer,
-  Xr as Form,
-  Kr as GridContainer,
-  dn as GridItem,
-  pn as Header,
+  dn as Footer,
+  Kr as Form,
+  Zr as GridContainer,
+  pn as GridItem,
+  mn as Header,
   Mt as Input,
-  en as Nav,
-  z as PdapInputTypes,
-  mn as QuickSearchForm,
-  fn as TileIcon,
-  gn as tailwindConfig
+  tn as Nav,
+  S as PdapInputTypes,
+  fn as QuickSearchForm,
+  gn as TileIcon,
+  hn as tailwindConfig
 };