pdap-design-system 2.3.0 → 2.4.1

package/dist/index.js

@@ -1,71 +1,71 @@
-import { defineComponent as j, reactive as C, openBlock as v, createElementBlock as x, normalizeClass as X, renderSlot as Z, createBlock as I, resolveDynamicComponent as fe, withCtx as R, inject as ee, resolveComponent as Qe, createVNode as H, createElementVNode as b, Fragment as U, renderList as ge, unref as d, toDisplayString as k, createCommentVNode as q, createTextVNode as N, getCurrentInstance as Ze, ref as P, onBeforeMount as Ve, watch as W, isRef as ce, onBeforeUnmount as $e, computed as _, isReactive as Je, isReadonly as Ye, provide as xe, nextTick as te, mergeProps as de, watchEffect as Pe, withModifiers as et, normalizeStyle as he, onMounted as tt } from "vue";
-import { RouterLink as ke, useRouter as rt } from "vue-router";
-const at = /* @__PURE__ */ j({
+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",
   props: {
     intent: { default: "primary" },
     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 (a, n) => (v(), x("button", {
-      class: X(r)
+    return (n, a) => (y(), x("button", {
+      class: U(r)
     }, [
-      Z(a.$slots, "default")
+      Y(n.$slots, "default")
     ], 2));
   }
 });
-const pe = /* @__PURE__ */ j({
+const me = /* @__PURE__ */ j({
   __name: "FlexContainer",
   props: {
     alignment: { default: "start" },
     component: { default: "div" }
   },
   setup(e) {
-    const r = C({
+    const r = E({
       "pdap-flex-container": !0,
       [`pdap-flex-container-${e.alignment}`]: !0
     });
-    return (a, n) => (v(), I(fe(a.component), {
-      class: X(r)
+    return (n, a) => (y(), I(ge(n.component), {
+      class: U(r)
     }, {
       default: R(() => [
-        Z(a.$slots, "default")
+        Y(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const nt = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" }, ot = ["href"], it = { class: "pdap-footer-copyright" }, lt = /* @__PURE__ */ b("br", null, null, -1), ut = /* @__PURE__ */ b("p", { class: "pdap-footer-copyright" }, [
-  /* @__PURE__ */ N(" PDAP is a non-profit. EIN: 85-4207132. "),
+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__ */ 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"),
   /* @__PURE__ */ b("a", { href: "mailto:contact@pdap.io" }, "contact@pdap.io")
-], -1), ct = { class: "pdap-footer-widget-links" }, dt = /* @__PURE__ */ b("a", {
+], -1), gt = { class: "pdap-footer-widget-links" }, ht = /* @__PURE__ */ b("a", {
   href: "https://www.guidestar.org/profile/85-4207132",
   target: "_blank"
 }, [
   /* @__PURE__ */ b("img", { src: "https://widgets.guidestar.org/gximage2?o=9973356&l=v4" })
-], -1), pt = ["href"], mt = ["src"], ft = ["src"], ea = /* @__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 = ee("footerLinks", [
+    const t = e, r = ne("footerLinks", [
       {
         href: "https://github.com/orgs/Police-Data-Accessibility-Project",
         text: "Github"
@@ -82,25 +82,25 @@ const nt = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" },
         path: "/jobs",
         text: "Jobs"
       }
-    ]), a = t.logoImageAnchorPath.startsWith("/");
-    return (n, s) => {
-      const u = Qe("router-link");
-      return v(), x("footer", nt, [
-        H(pe, { alignment: "center" }, {
+    ]), n = t.logoImageAnchorPath.startsWith("/");
+    return (a, s) => {
+      const u = tt("router-link");
+      return y(), x("footer", ut, [
+        G(me, { alignment: "center" }, {
           default: R(() => [
-            b("ul", st, [
-              (v(!0), x(U, null, ge(d(r), (l) => (v(), x("li", {
+            b("ul", ct, [
+              (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, ot)) : q("", !0),
-                l.path ? (v(), I(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,45 +108,45 @@ const nt = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" },
                   to: l.path
                 }, {
                   default: R(() => [
-                    N(k(l.text), 1)
+                    B(V(l.text), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : q("", !0)
+                }, 1032, ["to"])) : z("", !0)
               ]))), 128))
             ]),
-            b("p", it, [
-              N(" © " + k((/* @__PURE__ */ new Date()).getFullYear()) + " Police Data Accessibility Project", 1),
-              lt
+            b("p", pt, [
+              B(" © " + V((/* @__PURE__ */ new Date()).getFullYear()) + " Police Data Accessibility Project", 1),
+              mt
             ]),
-            ut,
-            b("div", ct, [
-              dt,
-              d(a) ? (v(), I(u, {
+            ft,
+            b("div", gt, [
+              ht,
+              d(n) ? (y(), I(u, {
                 key: 1,
-                to: n.logoImageAnchorPath,
+                to: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
               }, {
                 default: R(() => [
                   b("img", {
-                    src: n.logoImageSrc,
+                    src: a.logoImageSrc,
                     loading: "lazy",
                     width: "250",
                     alt: "Police Data Accessibility Project Logo"
-                  }, null, 8, ft)
+                  }, null, 8, yt)
                 ]),
                 _: 1
-              }, 8, ["to"])) : (v(), x("a", {
+              }, 8, ["to"])) : (y(), x("a", {
                 key: 0,
-                href: n.logoImageAnchorPath,
+                href: a.logoImageAnchorPath,
                 class: "pdap-footer-logo"
               }, [
                 b("img", {
-                  src: n.logoImageSrc,
+                  src: a.logoImageSrc,
                   loading: "lazy",
                   width: "250",
                   alt: "Police Data Accessibility Project Logo"
-                }, null, 8, mt)
-              ], 8, pt))
+                }, null, 8, vt)
+              ], 8, $t))
             ])
           ]),
           _: 1
@@ -155,28 +155,28 @@ const nt = { class: "pdap-footer" }, st = { class: "pdap-footer-social-links" },
     };
   }
 });
-function Re(e, t) {
+function Oe(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(e, n).enumerable;
-    })), r.push.apply(r, a);
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), r.push.apply(r, n);
   }
   return r;
 }
-function V(e) {
+function k(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Re(Object(r), !0).forEach(function(a) {
-      gt(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Re(Object(r)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    t % 2 ? Oe(Object(r), !0).forEach(function(n) {
+      _t(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Oe(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function gt(e, t, r) {
+function _t(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -184,138 +184,138 @@ function gt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Oe(e) {
+function Ce(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return Object.keys(e).reduce((r, a) => (t.includes(a) || (r[a] = d(e[a])), r), {});
+  return Object.keys(e).reduce((r, n) => (t.includes(n) || (r[n] = d(e[n])), r), {});
 }
-function re(e) {
+function se(e) {
   return typeof e == "function";
 }
-function $t(e) {
-  return Je(e) || Ye(e);
+function bt(e) {
+  return nt(e) || at(e);
 }
-function ze(e, t, r) {
-  let a = e;
-  const n = t.split(".");
-  for (let s = 0; s < n.length; s++) {
-    if (!a[n[s]])
+function qe(e, t, r) {
+  let n = e;
+  const a = t.split(".");
+  for (let s = 0; s < a.length; s++) {
+    if (!n[a[s]])
       return r;
-    a = a[n[s]];
+    n = n[a[s]];
   }
-  return a;
+  return n;
 }
-function ue(e, t, r) {
-  return _(() => e.some((a) => ze(t, a, {
+function de(e, t, r) {
+  return _(() => e.some((n) => qe(t, n, {
     [r]: !1
   })[r]));
 }
 function Ee(e, t, r) {
-  return _(() => e.reduce((a, n) => {
-    const s = ze(t, n, {
+  return _(() => e.reduce((n, a) => {
+    const s = qe(t, a, {
       [r]: !1
     })[r] || [];
-    return a.concat(s);
+    return n.concat(s);
   }, []));
 }
-function Me(e, t, r, a) {
-  return e.call(a, d(t), d(r), a);
+function Ne(e, t, r, n) {
+  return e.call(n, d(t), d(r), n);
 }
-function De(e) {
+function Be(e) {
   return e.$valid !== void 0 ? !e.$valid : !e;
 }
-function ht(e, t, r, a, n, s, u) {
+function wt(e, t, r, n, a, s, u) {
   let {
     $lazy: l,
     $rewardEarly: o
-  } = n, 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(!!a.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 = W([t, a].concat(c, h), () => {
-    if (l && !a.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 = Me(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 = De(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
   };
 }
-function vt(e, t, r, a, n, s, u, l) {
+function xt(e, t, r, n, a, s, u, l) {
   let {
     $lazy: o,
     $rewardEarly: c
-  } = a;
-  const g = () => ({}), m = _(() => {
+  } = n;
+  const m = () => ({}), $ = _(() => {
     if (o && !r.value || c && !l.value)
       return !1;
     let h = !0;
     try {
-      const $ = Me(e, t, u, s);
-      n.value = $, h = De($);
-    } catch ($) {
-      n.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 yt(e, t, r, a, n, 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
-  } = ht(e.$validator, t, m, r, a, $, n, e.$watchTargets, o, c, g) : {
+  } = wt(e.$validator, t, $, r, n, f, a, e.$watchTargets, o, c, m) : {
     $invalid: i,
     $unwatch: p
-  } = vt(e.$validator, t, r, a, $, n, o, c);
-  const f = e.$message;
+  } = xt(e.$validator, t, r, n, f, a, o, c);
+  const g = e.$message;
   return {
-    $message: re(f) ? _(() => f(Oe({
-      $pending: m,
+    $message: se(g) ? _(() => g(Ce({
+      $pending: $,
       $invalid: i,
-      $params: Oe(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
   };
 }
-function _t() {
+function Rt() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const t = d(e), r = Object.keys(t), a = {}, n = {}, s = {};
+  const t = d(e), r = Object.keys(t), n = {}, a = {}, s = {};
   let u = null;
   return r.forEach((l) => {
     const o = t[l];
     switch (!0) {
-      case re(o.$validator):
-        a[l] = o;
+      case se(o.$validator):
+        n[l] = o;
         break;
-      case re(o):
-        a[l] = {
+      case se(o):
+        n[l] = {
           $validator: o
         };
         break;
@@ -326,239 +326,239 @@ function _t() {
         s[l] = o;
         break;
       default:
-        n[l] = o;
+        a[l] = o;
     }
   }), {
-    rules: a,
-    nestedValidators: n,
+    rules: n,
+    nestedValidators: a,
     config: s,
     validationGroups: u
   };
 }
-const bt = "__root";
-function wt(e, t, r, a, n, s, u, l, o) {
-  const c = Object.keys(e), g = a.get(n, e), m = P(!1), h = P(!1), $ = P(0);
-  if (g) {
-    if (!g.$partial)
-      return g;
-    g.$unwatch(), m.value = g.$dirty.value;
+const Ot = "__root";
+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,
-    $path: n,
+    $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] = yt(e[p], t, i.$dirty, s, u, p, r, n, o, h, $);
-  }), i.$externalResults = _(() => l.value ? [].concat(l.value).map((p, f) => ({
-    $propertyPath: n,
+    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: `${n}-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({
-      $propertyPath: n,
+    const g = i[p];
+    return E({
+      $propertyPath: a,
       $property: r,
       $validator: p,
-      $uid: `${n}-${p}`,
-      $message: f.$message,
-      $params: f.$params,
-      $response: f.$response,
-      $pending: f.$pending
+      $uid: `${a}-${p}`,
+      $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();
-  }, a.set(n, e, i), i) : (g && a.set(n, e, i), i);
+    h.value = !0, f.value = Date.now();
+  }, n.set(a, e, i), i) : (m && n.set(a, e, i), i);
 }
-function xt(e, t, r, a, n, 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] = me({
+  return l.length ? l.reduce((o, c) => (o[c] = fe({
     validations: e[c],
     state: t,
     key: c,
     parentKey: r,
-    resultsCache: a,
-    globalConfig: n,
+    resultsCache: n,
+    globalConfig: a,
     instance: s,
     externalResults: u
   }), o), {}) : {};
 }
-function Pt(e, t, r) {
-  const a = _(() => [t, r].filter((i) => i).reduce((i, p) => i.concat(Object.values(d(p))), [])), n = _({
+function jt(e, t, r) {
+  const n = _(() => [t, r].filter((i) => i).reduce((i, p) => i.concat(Object.values(d(p))), [])), a = _({
     get() {
-      return e.$dirty.value || (a.value.length ? a.value.every((i) => i.$dirty) : !1);
+      return e.$dirty.value || (n.value.length ? n.value.every((i) => i.$dirty) : !1);
     },
     set(i) {
       e.$dirty.value = i;
     }
   }), s = _(() => {
-    const i = d(e.$silentErrors) || [], p = a.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 = a.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 = _(() => a.value.some((i) => i.$invalid) || d(e.$invalid) || !1), o = _(() => a.value.some((i) => d(i.$pending)) || d(e.$pending) || !1), c = _(() => a.value.some((i) => i.$dirty) || a.value.some((i) => i.$anyDirty) || n.value), g = _(() => n.value ? o.value || l.value : !1), m = () => {
-    e.$touch(), a.value.forEach((i) => {
+  }), 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();
     });
   }, h = () => {
-    e.$commit(), a.value.forEach((i) => {
+    e.$commit(), n.value.forEach((i) => {
       i.$commit();
     });
-  }, $ = () => {
-    e.$reset(), a.value.forEach((i) => {
+  }, f = () => {
+    e.$reset(), n.value.forEach((i) => {
       i.$reset();
     });
   };
-  return a.value.length && a.value.every((i) => i.$dirty) && m(), {
-    $dirty: n,
+  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
   };
 }
-function me(e) {
+function fe(e) {
   let {
     validations: t,
     state: r,
-    key: a,
-    parentKey: n,
+    key: n,
+    parentKey: a,
     childResults: s,
     resultsCache: u,
     globalConfig: l = {},
     instance: o,
     externalResults: c
   } = e;
-  const g = n ? `${n}.${a}` : a, {
-    rules: m,
+  const m = a ? `${a}.${n}` : n, {
+    rules: $,
     nestedValidators: h,
-    config: $,
+    config: f,
     validationGroups: i
-  } = _t(t), p = V(V({}, l), $), f = a ? _(() => {
+  } = Rt(t), p = k(k({}, l), f), g = n ? _(() => {
     const w = d(r);
-    return w ? d(w[a]) : void 0;
-  }) : r, y = V({}, d(c) || {}), A = _(() => {
+    return w ? d(w[n]) : void 0;
+  }) : r, v = k({}, d(c) || {}), A = _(() => {
     const w = d(c);
-    return a ? w ? d(w[a]) : void 0 : w;
-  }), se = wt(m, f, a, u, g, p, o, A, r), E = xt(h, f, g, u, p, o, A), D = {};
+    return n ? w ? d(w[n]) : void 0 : w;
+  }), 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 [F, L] = w;
-    D[F] = {
-      $invalid: ue(L, E, "$invalid"),
-      $error: ue(L, E, "$error"),
-      $pending: ue(L, E, "$pending"),
-      $errors: Ee(L, E, "$errors"),
-      $silentErrors: Ee(L, 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: S,
-    $errors: J,
-    $invalid: oe,
-    $anyDirty: Ne,
-    $error: Be,
-    $pending: ie,
-    $touch: le,
-    $reset: He,
-    $silentErrors: Ge,
-    $commit: we
-  } = Pt(se, E, s), Xe = a ? _({
-    get: () => d(f),
+    $dirty: T,
+    $errors: ee,
+    $invalid: le,
+    $anyDirty: Ue,
+    $error: Xe,
+    $pending: ue,
+    $touch: ce,
+    $reset: Ke,
+    $silentErrors: Ze,
+    $commit: xe
+  } = jt(F, C, s), Qe = n ? _({
+    get: () => d(g),
     set: (w) => {
-      S.value = !0;
-      const F = d(r), L = d(c);
-      L && (L[a] = y[a]), ce(F[a]) ? F[a].value = w : F[a] = 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;
-  a && p.$autoDirty && W(f, () => {
-    S.value || le();
+  n && p.$autoDirty && Z(g, () => {
+    T.value || ce();
     const w = d(c);
-    w && (w[a] = y[a]);
+    w && (w[n] = v[n]);
   }, {
     flush: "sync"
   });
-  async function Ue() {
-    return le(), p.$rewardEarly && (we(), await te()), await te(), new Promise((w) => {
-      if (!ie.value)
-        return w(!oe.value);
-      const F = W(ie, () => {
-        w(!oe.value), F();
+  async function Je() {
+    return ce(), p.$rewardEarly && (xe(), await ae()), await ae(), new Promise((w) => {
+      if (!ue.value)
+        return w(!le.value);
+      const N = Z(ue, () => {
+        w(!le.value), N();
       });
     });
   }
-  function We(w) {
+  function Ye(w) {
     return (s.value || {})[w];
   }
-  function Ke() {
-    ce(c) ? c.value = y : Object.keys(y).length === 0 ? Object.keys(c).forEach((w) => {
+  function et() {
+    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(V(V(V({}, se), {}, {
-    $model: Xe,
-    $dirty: S,
-    $error: Be,
-    $errors: J,
-    $invalid: oe,
-    $anyDirty: Ne,
-    $pending: ie,
-    $touch: le,
-    $reset: He,
-    $path: g || bt,
-    $silentErrors: Ge,
-    $validate: Ue,
-    $commit: we
+  return E(k(k(k({}, F), {}, {
+    $model: Qe,
+    $dirty: T,
+    $error: Xe,
+    $errors: ee,
+    $invalid: le,
+    $anyDirty: Ue,
+    $pending: ue,
+    $touch: ce,
+    $reset: Ke,
+    $path: m || Ot,
+    $silentErrors: Ze,
+    $validate: Je,
+    $commit: xe
   }, s && {
-    $getResultsForChild: We,
-    $clearExternalResults: Ke,
-    $validationGroups: D
-  }), E));
+    $getResultsForChild: Ye,
+    $clearExternalResults: et,
+    $validationGroups: q
+  }), C));
 }
-class Rt {
+class At {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
-  set(t, r, a) {
+  set(t, r, n) {
     this.storage.set(t, {
       rules: r,
-      result: a
+      result: n
     });
   }
-  checkRulesValidity(t, r, a) {
-    const n = Object.keys(a), s = Object.keys(r);
-    return s.length !== n.length || !s.every((l) => n.includes(l)) ? !1 : s.every((l) => r[l].$params ? Object.keys(r[l].$params).every((o) => d(a[l].$params[o]) === d(r[l].$params[o])) : !0);
+  checkRulesValidity(t, r, n) {
+    const a = Object.keys(n), s = Object.keys(r);
+    return s.length !== a.length || !s.every((l) => a.includes(l)) ? !1 : s.every((l) => r[l].$params ? Object.keys(r[l].$params).every((o) => d(n[l].$params[o]) === d(r[l].$params[o])) : !0);
   }
   get(t, r) {
-    const a = this.storage.get(t);
-    if (!a)
+    const n = this.storage.get(t);
+    if (!n)
       return;
     const {
-      rules: n,
+      rules: a,
       result: s
-    } = a, u = this.checkRulesValidity(t, r, n), l = s.$unwatch ? s.$unwatch : () => ({});
+    } = n, u = this.checkRulesValidity(t, r, a), l = s.$unwatch ? s.$unwatch : () => ({});
     return u ? s : {
       $dirty: s.$dirty,
       $partial: !0,
@@ -566,95 +566,95 @@ class Rt {
     };
   }
 }
-const Y = {
+const re = {
   COLLECT_ALL: !0,
   COLLECT_NONE: !1
-}, Ce = Symbol("vuelidate#injectChildResults"), je = Symbol("vuelidate#removeChildResults");
-function Ot(e) {
+}, je = Symbol("vuelidate#injectChildResults"), Ae = Symbol("vuelidate#removeChildResults");
+function St(e) {
   let {
     $scope: t,
     instance: r
   } = e;
-  const a = {}, n = P([]), s = _(() => n.value.reduce((g, m) => (g[m] = d(a[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 === Y.COLLECT_NONE || $ === Y.COLLECT_NONE || t !== Y.COLLECT_ALL && t !== $ || (a[h] = g, n.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) {
-    n.value = n.value.filter((m) => m !== g), delete a[g];
+  function l(m) {
+    a.value = a.value.filter(($) => $ !== m), delete n[m];
   }
   r.__vuelidateRemoveInstances = [].concat(r.__vuelidateRemoveInstances || [], l);
-  const o = ee(Ce, []);
-  xe(Ce, r.__vuelidateInjectInstances);
-  const c = ee(je, []);
-  return xe(je, r.__vuelidateRemoveInstances), {
+  const o = ne(je, []);
+  Pe(je, r.__vuelidateInjectInstances);
+  const c = ne(Ae, []);
+  return Pe(Ae, r.__vuelidateRemoveInstances), {
     childResults: s,
     sendValidationResultsToParent: o,
     removeValidationResultsFromParent: c
   };
 }
-function Fe(e) {
+function He(e) {
   return new Proxy(e, {
     get(t, r) {
-      return typeof t[r] == "object" ? Fe(t[r]) : _(() => t[r]);
+      return typeof t[r] == "object" ? He(t[r]) : _(() => t[r]);
     }
   });
 }
-let Ae = 0;
-function Et(e, t) {
+let Se = 0;
+function It(e, t) {
   var r;
-  let a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  arguments.length === 1 && (a = e, e = void 0, t = void 0);
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  arguments.length === 1 && (n = e, e = void 0, t = void 0);
   let {
-    $registerAs: n,
-    $scope: s = Y.COLLECT_ALL,
+    $registerAs: a,
+    $scope: s = re.COLLECT_ALL,
     $stopPropagation: u,
     $externalResults: l,
     currentVueInstance: o
-  } = a;
-  const c = o || ((r = Ze()) === null || r === void 0 ? void 0 : r.proxy), g = c ? c.$options : {};
-  n || (Ae += 1, n = `_vuelidate_${Ae}`);
-  const m = P({}), h = new Rt(), {
-    childResults: $,
+  } = n;
+  const c = o || ((r = rt()) === null || r === void 0 ? void 0 : r.proxy), m = c ? c.$options : {};
+  a || (Se += 1, a = `_vuelidate_${Se}`);
+  const $ = P({}), h = new At(), {
+    childResults: f,
     sendValidationResultsToParent: i,
     removeValidationResultsFromParent: p
-  } = c ? Ot({
+  } = c ? St({
     $scope: s,
     instance: c
   }) : {
     childResults: P({})
   };
-  if (!e && g.validations) {
-    const f = g.validations;
-    t = P({}), Ve(() => {
-      t.value = c, W(() => re(f) ? f.call(t.value, new Fe(t.value)) : f, (y) => {
-        m.value = me({
-          validations: y,
+  if (!e && m.validations) {
+    const g = m.validations;
+    t = P({}), De(() => {
+      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: a,
+          globalConfig: n,
           instance: c,
           externalResults: l || c.vuelidateExternalResults
         });
       }, {
         immediate: !0
       });
-    }), a = g.validationsConfig || a;
+    }), n = m.validationsConfig || n;
   } else {
-    const f = ce(e) || $t(e) ? e : C(e || {});
-    W(f, (y) => {
-      m.value = me({
-        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: a,
+        globalConfig: n,
         instance: c ?? {},
         externalResults: l
       });
@@ -662,14 +662,14 @@ function Et(e, t) {
       immediate: !0
     });
   }
-  return c && (i.forEach((f) => f(m, {
-    $registerAs: n,
+  return c && (i.forEach((g) => g($, {
+    $registerAs: a,
     $scope: s,
     $stopPropagation: u
-  })), $e(() => p.forEach((f) => f(n)))), _(() => V(V({}, d(m.value)), $.value));
+  })), $e(() => p.forEach((g) => g(a)))), _(() => k(k({}, d($.value)), f.value));
 }
-var T = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e))(T || {});
-const Ct = ["id", "name", "placeholder", "value"], jt = ["id", "name", "checked", "value"], At = ["id"], Tt = ["for"], It = /* @__PURE__ */ j({
+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: {
     error: {},
@@ -683,73 +683,81 @@ const Ct = ["id", "name", "placeholder", "value"], jt = ["id", "name", "checked"
   },
   emits: ["change", "input"],
   setup(e, { emit: t }) {
-    const r = e, a = t, n = () => {
-      u.value = !u.value, a("change", u.value.toString());
+    const r = e, n = t, a = () => {
+      u.value = !u.value, n("change", u.value.toString());
     }, s = (o) => {
-      a("input", o.target.value);
+      n("input", o.target.value);
     }, u = P(r.defaultChecked), l = _(() => `pdap-${r.name}-input-error`);
     return (o, c) => {
-      var g;
-      return v(), I(d(Fr), {
-        class: X({
+      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(T).TEXT ? (v(), x("input", de({
+          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, Ct)) : o.type === d(T).CHECKBOX ? (v(), x("input", de({
+          }, 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(S).CHECKBOX ? (y(), x("input", te({
+            key: 2,
+            id: o.id,
             class: "pdap-input-checkbox",
             name: o.name,
             checked: u.value,
             type: "checkbox",
             value: o.value
-          }, o.$attrs, { onChange: n }), null, 16, jt)) : q("", !0),
-          o.error ? (v(), x("div", {
-            key: 2,
+          }, 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, At)) : q("", !0),
+          }, V(o.error), 9, Vt)) : z("", !0),
           b("label", {
             class: "pdap-input-label",
             for: o.id
-          }, k(o.label), 9, Tt)
+          }, V(o.label), 9, zt)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
 });
-function Te(e, t) {
+function Ie(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(e, n).enumerable;
-    })), r.push.apply(r, a);
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), r.push.apply(r, n);
   }
   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 ? Te(Object(r), !0).forEach(function(a) {
-      St(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Te(Object(r)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
+      Dt(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 St(e, t, r) {
+function Dt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -757,82 +765,82 @@ function St(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function K(e) {
+function Q(e) {
   return typeof e == "function";
 }
-function ae(e) {
+function oe(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function ne(e) {
-  return K(e.$validator) ? G({}, e) : {
+function ie(e) {
+  return Q(e.$validator) ? W({}, e) : {
     $validator: e
   };
 }
-function Lt(e) {
-  return ae(e) && K(e.then);
+function Ft(e) {
+  return oe(e) && Q(e.then);
 }
-function z(e) {
+function M(e) {
   return typeof e == "object" ? e.$valid : e;
 }
-function B(e) {
+function H(e) {
   return e.$validator || e;
 }
-function ve(e, t) {
-  if (!ae(e))
+function ye(e, t) {
+  if (!oe(e))
     throw new Error(`[@vuelidate/validators]: First parameter to "withParams" should be an object, provided ${typeof e}`);
-  if (!ae(t) && !K(t))
+  if (!oe(t) && !Q(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = ne(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 (!K(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 (!ae(t) && !K(t))
+  if (!oe(t) && !Q(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
-  const r = ne(t);
+  const r = ie(t);
   return r.$message = e, r;
 }
-function Vt(e) {
+function qt(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  const r = ne(e);
-  return G(G({}, r), {}, {
+  const r = ie(e);
+  return W(W({}, r), {}, {
     $async: !0,
     $watchTargets: t
   });
 }
-function kt(e) {
+function Nt(e) {
   return {
     $validator(t) {
-      for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-        a[n - 1] = arguments[n];
+      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, ...a), D = z(E);
-            if (p.$data[y] = E, p.$data.$invalid = !D || !!p.$data.$invalid, p.$data.$error = p.$data.$invalid, !D) {
-              let S = A.$message || "";
-              const J = A.$params || {};
-              typeof S == "function" && (S = S({
+        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: !D,
-                $params: J,
+                $invalid: !q,
+                $params: ee,
                 $model: h,
-                $response: E
+                $response: C
               })), p.$errors.push({
-                $property: m,
-                $message: S,
-                $params: J,
-                $response: E,
+                $property: $,
+                $message: T,
+                $params: ee,
+                $response: C,
                 $model: h,
                 $pending: !1,
-                $validator: y
+                $validator: v
               });
             }
             return {
-              $valid: p.$valid && D,
+              $valid: p.$valid && q,
               $data: p.$data,
               $errors: p.$errors
             };
@@ -841,7 +849,7 @@ function kt(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
@@ -866,7 +874,7 @@ function kt(e) {
       let {
         $response: r
       } = t;
-      return r ? r.$errors.map((a) => Object.values(a).map((n) => n.map((s) => s.$message)).reduce((n, s) => n.concat(s), [])) : [];
+      return r ? r.$errors.map((n) => Object.values(n).map((a) => a.map((s) => s.$message)).reduce((a, s) => a.concat(s), [])) : [];
     }
   };
 }
@@ -885,55 +893,55 @@ const O = (e) => {
     return !1;
   }
   return !!String(e).length;
-}, ye = (e) => (e = d(e), Array.isArray(e) ? e.length : typeof e == "object" ? Object.keys(e).length : String(e).length);
-function M() {
+}, _e = (e) => (e = d(e), Array.isArray(e) ? e.length : typeof e == "object" ? Object.keys(e).length : String(e).length);
+function D() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  return (a) => (a = d(a), !O(a) || t.every((n) => (n.lastIndex = 0, n.test(a))));
+  return (n) => (n = d(n), !O(n) || t.every((a) => (a.lastIndex = 0, a.test(n))));
 }
-var _e = /* @__PURE__ */ Object.freeze({
+var X = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  forEach: kt,
-  len: ye,
-  normalizeValidatorObject: ne,
-  regex: M,
+  forEach: Nt,
+  len: _e,
+  normalizeValidatorObject: ie,
+  regex: D,
   req: O,
   unwrap: d,
-  unwrapNormalizedValidator: B,
-  unwrapValidatorResponse: z,
-  withAsync: Vt,
-  withMessage: Q,
-  withParams: ve
-}), zt = M(/^[a-zA-Z]*$/), Mt = {
-  $validator: zt,
+  unwrapNormalizedValidator: H,
+  unwrapValidatorResponse: M,
+  withAsync: qt,
+  withMessage: J,
+  withParams: ye
+}), Bt = D(/^[a-zA-Z]*$/), Ht = {
+  $validator: Bt,
   $message: "The value is not alphabetical",
   $params: {
     type: "alpha"
   }
-}, Dt = M(/^[a-zA-Z0-9]*$/), Ft = {
-  $validator: Dt,
+}, Gt = D(/^[a-zA-Z0-9]*$/), Wt = {
+  $validator: Gt,
   $message: "The value must be alpha-numeric",
   $params: {
     type: "alphaNum"
   }
-}, qt = M(/^\d*(\.\d+)?$/), Nt = {
-  $validator: qt,
+}, Ut = D(/^\d*(\.\d+)?$/), Xt = {
+  $validator: Ut,
   $message: "Value must be numeric",
   $params: {
     type: "numeric"
   }
 };
-function Bt(e, t) {
+function Kt(e, t) {
   return (r) => !O(r) || (!/\s/.test(r) || r instanceof Date) && +d(e) <= +r && +d(t) >= +r;
 }
-function Ht(e, t) {
+function Zt(e, t) {
   return {
-    $validator: Bt(e, t),
+    $validator: Kt(e, t),
     $message: (r) => {
       let {
-        $params: a
+        $params: n
       } = r;
-      return `The value must be between ${a.min} and ${a.max}`;
+      return `The value must be between ${n.min} and ${n.max}`;
     },
     $params: {
       min: e,
@@ -942,36 +950,36 @@ function Ht(e, t) {
     }
   };
 }
-const Gt = /^(?:[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 Xt = M(Gt), Ut = {
-  $validator: Xt,
+const Qt = /^(?:[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 Jt = D(Qt), be = {
+  $validator: Jt,
   $message: "Value is not a valid email address",
   $params: {
     type: "email"
   }
 };
-function Wt(e) {
+function Yt(e) {
   if (!O(e))
     return !0;
   if (typeof e != "string")
     return !1;
   const t = e.split(".");
-  return t.length === 4 && t.every(Kt);
+  return t.length === 4 && t.every(er);
 }
-const Kt = (e) => {
+const er = (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 Qt = {
-  $validator: Wt,
+var tr = {
+  $validator: Yt,
   $message: "The value is not a valid IP address",
   $params: {
     type: "ipAddress"
   }
 };
-function Zt() {
+function rr() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ":";
   return (t) => {
     if (e = d(e), !O(t))
@@ -979,25 +987,25 @@ function Zt() {
     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(Jt);
+    return r !== null && (r.length === 6 || r.length === 8) && r.every(nr);
   };
 }
-const Jt = (e) => e.toLowerCase().match(/^[0-9a-f]{2}$/);
-function Yt(e) {
+const nr = (e) => e.toLowerCase().match(/^[0-9a-f]{2}$/);
+function ar(e) {
   return {
-    $validator: Zt(e),
+    $validator: rr(e),
     $message: "The value is not a valid MAC Address",
     $params: {
       type: "macAddress"
     }
   };
 }
-function er(e) {
-  return (t) => !O(t) || ye(t) <= d(e);
+function sr(e) {
+  return (t) => !O(t) || _e(t) <= d(e);
 }
-function tr(e) {
+function or(e) {
   return {
-    $validator: er(e),
+    $validator: sr(e),
     $message: (t) => {
       let {
         $params: r
@@ -1010,12 +1018,12 @@ function tr(e) {
     }
   };
 }
-function rr(e) {
-  return (t) => !O(t) || ye(t) >= d(e);
+function ir(e) {
+  return (t) => !O(t) || _e(t) >= d(e);
 }
-function ar(e) {
+function lr(e) {
   return {
-    $validator: rr(e),
+    $validator: ir(e),
     $message: (t) => {
       let {
         $params: r
@@ -1028,28 +1036,28 @@ function ar(e) {
     }
   };
 }
-function nr(e) {
+function ur(e) {
   return typeof e == "string" && (e = e.trim()), O(e);
 }
-var be = {
-  $validator: nr,
+var we = {
+  $validator: ur,
   $message: "Value is required",
   $params: {
     type: "required"
   }
 };
-const Ie = (e, t) => e ? O(typeof t == "string" ? t.trim() : t) : !0;
-function sr(e) {
+const Te = (e, t) => e ? O(typeof t == "string" ? t.trim() : t) : !0;
+function cr(e) {
   return function(t, r) {
     if (typeof e != "function")
-      return Ie(d(e), t);
-    const a = e.call(this, t, r);
-    return Ie(a, t);
+      return Te(d(e), t);
+    const n = e.call(this, t, r);
+    return Te(n, t);
   };
 }
-function or(e) {
+function dr(e) {
   return {
-    $validator: sr(e),
+    $validator: cr(e),
     $message: "The value is required",
     $params: {
       type: "requiredIf",
@@ -1057,18 +1065,18 @@ function or(e) {
     }
   };
 }
-const Se = (e, t) => e ? !0 : O(typeof t == "string" ? t.trim() : t);
-function ir(e) {
+const Le = (e, t) => e ? !0 : O(typeof t == "string" ? t.trim() : t);
+function pr(e) {
   return function(t, r) {
     if (typeof e != "function")
-      return Se(d(e), t);
-    const a = e.call(this, t, r);
-    return Se(a, t);
+      return Le(d(e), t);
+    const n = e.call(this, t, r);
+    return Le(n, t);
   };
 }
-function lr(e) {
+function mr(e) {
   return {
-    $validator: ir(e),
+    $validator: pr(e),
     $message: "The value is required",
     $params: {
       type: "requiredUnless",
@@ -1076,13 +1084,13 @@ function lr(e) {
     }
   };
 }
-function ur(e) {
+function fr(e) {
   return (t) => d(t) === d(e);
 }
-function cr(e) {
+function gr(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "other";
   return {
-    $validator: ur(e),
+    $validator: fr(e),
     $message: (r) => `The value must be equal to the ${t} value`,
     $params: {
       equalTo: e,
@@ -1091,103 +1099,103 @@ function cr(e) {
     }
   };
 }
-const dr = /^(?:(?:(?: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 pr = M(dr), mr = {
-  $validator: pr,
+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 $r = D(hr), vr = {
+  $validator: $r,
   $message: "The value is not a valid URL address",
   $params: {
     type: "url"
   }
 };
-function fr(e) {
+function yr(e) {
   return function() {
-    for (var t = arguments.length, r = new Array(t), a = 0; a < t; a++)
-      r[a] = arguments[a];
-    return e.reduce((n, s) => z(n) ? n : B(s).apply(this, r), !1);
+    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 : H(s).apply(this, r), !1);
   };
 }
-function gr(e) {
+function _r(e) {
   return function() {
-    for (var t = arguments.length, r = new Array(t), a = 0; a < t; a++)
-      r[a] = arguments[a];
-    return e.reduce(async (n, s) => {
-      const u = await n;
-      return z(u) ? u : B(s).apply(this, r);
+    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 M(u) ? u : H(s).apply(this, r);
     }, Promise.resolve(!1));
   };
 }
-function $r() {
+function br() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  const a = t.some((u) => u.$async), n = t.reduce((u, l) => l.$watchTargets ? u.concat(l.$watchTargets) : u, []);
+  const n = t.some((u) => u.$async), a = t.reduce((u, l) => l.$watchTargets ? u.concat(l.$watchTargets) : u, []);
   let s = () => !1;
-  return t.length && (s = a ? gr(t) : fr(t)), {
-    $async: a,
+  return t.length && (s = n ? _r(t) : yr(t)), {
+    $async: n,
     $validator: s,
-    $watchTargets: n
+    $watchTargets: a
   };
 }
-function hr() {
-  return ve({
+function wr() {
+  return ye({
     type: "or"
-  }, Q("The value does not match any of the provided validators", $r(...arguments)));
+  }, J("The value does not match any of the provided validators", br(...arguments)));
 }
-function vr(e) {
+function xr(e) {
   return function() {
-    for (var t = arguments.length, r = new Array(t), a = 0; a < t; a++)
-      r[a] = arguments[a];
-    return e.reduce((n, s) => z(n) ? B(s).apply(this, r) : n, !0);
+    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) ? H(s).apply(this, r) : a, !0);
   };
 }
-function yr(e) {
+function Pr(e) {
   return function() {
-    for (var t = arguments.length, r = new Array(t), a = 0; a < t; a++)
-      r[a] = arguments[a];
-    return e.reduce(async (n, s) => {
-      const u = await n;
-      return z(u) ? B(s).apply(this, r) : u;
+    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 M(u) ? H(s).apply(this, r) : u;
     }, Promise.resolve(!0));
   };
 }
-function _r() {
+function Rr() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  const a = t.some((u) => u.$async), n = t.reduce((u, l) => l.$watchTargets ? u.concat(l.$watchTargets) : u, []);
+  const n = t.some((u) => u.$async), a = t.reduce((u, l) => l.$watchTargets ? u.concat(l.$watchTargets) : u, []);
   let s = () => !1;
-  return t.length && (s = a ? yr(t) : vr(t)), {
-    $async: a,
+  return t.length && (s = n ? Pr(t) : xr(t)), {
+    $async: n,
     $validator: s,
-    $watchTargets: n
+    $watchTargets: a
   };
 }
-function br() {
-  return ve({
+function Or() {
+  return ye({
     type: "and"
-  }, Q("The value does not match all of the provided validators", _r(...arguments)));
+  }, J("The value does not match all of the provided validators", Rr(...arguments)));
 }
-function wr(e) {
+function Cr(e) {
   return function(t, r) {
     if (!O(t))
       return !0;
-    const a = B(e).call(this, t, r);
-    return Lt(a) ? a.then((n) => !z(n)) : !z(a);
+    const n = H(e).call(this, t, r);
+    return Ft(n) ? n.then((a) => !M(a)) : !M(n);
   };
 }
-function xr(e) {
+function Er(e) {
   return {
-    $validator: wr(e),
+    $validator: Cr(e),
     $message: "The value does not match the provided validator",
     $params: {
       type: "not"
     }
   };
 }
-function Pr(e) {
+function jr(e) {
   return (t) => !O(t) || (!/\s/.test(t) || t instanceof Date) && +t >= +d(e);
 }
-function Rr(e) {
+function Ar(e) {
   return {
-    $validator: Pr(e),
+    $validator: jr(e),
     $message: (t) => {
       let {
         $params: r
@@ -1200,11 +1208,11 @@ function Rr(e) {
     }
   };
 }
-function Or(e) {
+function Sr(e) {
   return (t) => !O(t) || (!/\s/.test(t) || t instanceof Date) && +t <= +d(e);
 }
-var Er = (e) => ({
-  $validator: Or(e),
+var Ir = (e) => ({
+  $validator: Sr(e),
   $message: (t) => {
     let {
       $params: r
@@ -1215,118 +1223,153 @@ var Er = (e) => ({
     max: e,
     type: "maxValue"
   }
-}), Cr = M(/(^[0-9]*$)|(^-[0-9]+$)/), jr = {
-  $validator: Cr,
+}), Tr = D(/(^[0-9]*$)|(^-[0-9]+$)/), Lr = {
+  $validator: Tr,
   $message: "Value is not an integer",
   $params: {
     type: "integer"
   }
-}, Ar = M(/^[-]?\d*(\.\d+)?$/), Tr = {
-  $validator: Ar,
+}, kr = D(/^[-]?\d*(\.\d+)?$/), Vr = {
+  $validator: kr,
   $message: "Value must be decimal",
   $params: {
     type: "decimal"
   }
 };
-function Ir(e) {
+function zr(e) {
   let {
     t,
-    messagePath: r = (n) => {
+    messagePath: r = (a) => {
       let {
         $validator: s
-      } = n;
+      } = a;
       return `validations.${s}`;
     },
-    messageParams: a = (n) => n
+    messageParams: n = (a) => a
   } = e;
   return function(s) {
     let {
       withArguments: u = !1,
       messagePath: l = r,
-      messageParams: o = a
+      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 qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alpha: Mt,
-  alphaNum: Ft,
-  and: br,
-  between: Ht,
-  createI18nMessage: Ir,
-  decimal: Tr,
-  email: Ut,
-  helpers: _e,
-  integer: jr,
-  ipAddress: Qt,
-  macAddress: Yt,
-  maxLength: tr,
-  maxValue: Er,
-  minLength: ar,
-  minValue: Rr,
-  not: xr,
-  numeric: Nt,
-  or: hr,
-  required: be,
-  requiredIf: or,
-  requiredUnless: lr,
-  sameAs: cr,
-  url: mr
-}, Symbol.toStringTag, { value: "Module" }));
-function Le(e) {
+  alpha: Ht,
+  alphaNum: Wt,
+  and: Or,
+  between: Zt,
+  createI18nMessage: zr,
+  decimal: Vr,
+  email: be,
+  helpers: X,
+  integer: Lr,
+  ipAddress: tr,
+  macAddress: ar,
+  maxLength: or,
+  maxValue: Ir,
+  minLength: lr,
+  minValue: Ar,
+  not: Er,
+  numeric: Xt,
+  or: wr,
+  required: we,
+  requiredIf: dr,
+  requiredUnless: mr,
+  sameAs: gr,
+  url: vr
+}, Symbol.toStringTag, { value: "Module" })), We = X.regex(
+  /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/
+);
+function ke(e) {
   return ["maxLength", "minLength"].includes(e);
 }
-function Sr(e, t) {
+function Ve(e) {
+  return e === "required";
+}
+function ze(e) {
+  return e === "email";
+}
+function Me(e) {
+  return e === "password";
+}
+function Mr(e, t) {
+  return {
+    [e]: Ge[e](t)
+  };
+}
+function Dr(e, t, r) {
+  return {
+    [e]: X.withMessage(r, Ge[e](t))
+  };
+}
+function Fr() {
+  return { required: we };
+}
+function qr(e) {
   return {
-    [e]: qe[e](t)
+    required: X.withMessage(e, we)
   };
 }
-function Lr(e, t, r) {
+function Nr() {
+  return { email: be };
+}
+function Br(e) {
   return {
-    [e]: _e.withMessage(r, qe[e](t))
+    email: X.withMessage(e, be)
   };
 }
-function Vr() {
-  return { required: be };
+function Hr() {
+  return { password: We };
 }
-function kr(e) {
+function Gr(e) {
   return {
-    required: _e.withMessage(e, be)
+    password: X.withMessage(e, We)
   };
 }
-function zr(e, t) {
-  if (Le(e) && typeof t.message == "string" && typeof t.value == "number")
-    return Lr(
+function Wr(e, t) {
+  if (ke(e) && typeof t.message == "string" && typeof t.value == "number")
+    return Dr(
       e,
       t.value,
       t.message
     );
-  if (Le(e) && typeof t.message > "u" && typeof t.value == "number")
-    return Sr(e, t.value);
-  if (e === "required" && typeof t.message == "string")
-    return kr(t.message);
-  if (e === "required" && typeof t.message > "u")
-    return Vr();
+  if (ke(e) && typeof t.message > "u" && typeof t.value == "number")
+    return Mr(e, t.value);
+  if (ze(e) && typeof t.message == "string")
+    return Br(t.message);
+  if (ze(e) && typeof t.message > "u")
+    return Nr();
+  if (Me(e) && typeof t.message == "string")
+    return Gr(t.message);
+  if (Me(e) && typeof t.message > "u")
+    return Hr();
+  if (Ve(e) && typeof t.message == "string")
+    return qr(t.message);
+  if (Ve(e) && typeof t.message > "u")
+    return Fr();
   throw new Error("No valid rule detected");
 }
-const Mr = {
+const Ur = ["id", "name"], Xr = {
   key: 0,
   class: "pdap-form-error-message"
-}, Dr = /* @__PURE__ */ j({
+}, Kr = /* @__PURE__ */ j({
   __name: "PdapForm",
   props: {
     error: { default: null },
@@ -1334,48 +1377,53 @@ const Mr = {
     name: {},
     schema: {}
   },
-  emits: ["submit"],
+  emits: ["submit", "change"],
   setup(e, { emit: t }) {
-    const r = e, a = t, n = 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 T.CHECKBOX:
-            return { ...m, [h.name]: String(h.defaultChecked) };
-          case T.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,
-          ...zr(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 = Et(u, s, { $autoDirty: !1, $lazy: !0 }), o = P(r.error);
-    function c(m, h) {
-      s.value[m] = h;
+    }, {}), l = It(u, s, { $autoDirty: !1, $lazy: !0 }), o = P(r.error);
+    function c(h, f) {
+      s[h] = f, m();
     }
-    Pe(() => {
+    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");
-    }), Pe(() => {
+    }), Re(() => {
       console.debug(`PdapForm ${r.name}
 `, {
         errorMessage: o.value,
         props: r,
+        schema: r.schema,
+        data: a,
         values: s,
         vuelidate: {
           rules: u,
@@ -1383,32 +1431,38 @@ const Mr = {
         }
       });
     });
-    async function g(m) {
+    function m() {
+      n("change", { ...s });
+    }
+    async function $(h) {
       if (await l.value.$validate()) {
-        a("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] = et(($) => g($), ["prevent"]))
+      onChange: m,
+      onSubmit: f[0] || (f[0] = st((i) => $(i), ["prevent"]))
     }, [
-      typeof o.value == "string" ? (v(), x("div", Mr, k(o.value), 1)) : q("", !0),
-      (v(!0), x(U, null, ge(n.value, ($) => {
-        var i, p, f, y;
-        return v(), I(It, de($, {
-          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) => $.type !== d(T).TEXT ? c($.name, A) : void 0,
-          onInput: (A) => $.type === d(T).TEXT ? c($.name, A) : void 0
+      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)),
-      Z(m.$slots, "default")
-    ], 32));
+      Y(h.$slots, "default")
+    ], 40, Ur));
   }
 });
-const Fr = /* @__PURE__ */ j({
+const Zr = /* @__PURE__ */ j({
   __name: "GridContainer",
   props: {
     columns: { default: "auto" },
@@ -1418,27 +1472,27 @@ const Fr = /* @__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"
-    }), a = t.templateRows || typeof t.rows == "number", n = t.templateRows ?? `repeat(${t.rows}, minmax(0, 1fr))`, s = C({
-      ...a && {
-        gridTemplateRows: n
+    }), 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(), I(fe(u.component), {
-      class: X(r),
-      style: he(s)
+    return (u, l) => (y(), I(ge(u.component), {
+      class: U(r),
+      style: ve(s)
     }, {
       default: R(() => [
-        Z(u.$slots, "default")
+        Y(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const ta = /* @__PURE__ */ j({
+const pn = /* @__PURE__ */ j({
   __name: "GridItem",
   props: {
     component: { default: "div" },
@@ -1446,90 +1500,90 @@ const ta = /* @__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
-    }), a = 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 (n, s) => (v(), I(fe(n.component), {
-      class: X(r),
-      style: he(a)
+    return (a, s) => (y(), I(ge(a.component), {
+      class: U(r),
+      style: ve(n)
     }, {
       default: R(() => [
-        Z(n.$slots, "default")
+        Y(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
-const qr = /* @__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), Nr = [
-  qr
-], Br = ["aria-expanded"], Hr = ["href"], Gr = /* @__PURE__ */ j({
+], -1), Jr = [
+  Qr
+], Yr = ["aria-expanded"], en = ["href"], tn = /* @__PURE__ */ j({
   __name: "PdapNav",
   props: {
     topPosition: {}
   },
   setup(e) {
-    let t = ee("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
-    }), a = C({
+    }), n = E({
       "pdap-nav": !0
     });
-    Ve(() => {
-      n(), window.addEventListener("resize", n);
+    De(() => {
+      a(), window.addEventListener("resize", a);
     }), $e(() => {
-      window.removeEventListener("resize", n);
+      window.removeEventListener("resize", a);
     });
-    async function n() {
-      window.innerWidth <= 1024 ? r.isMobile = !0 : r.isMobile = !1, await te();
+    async function a() {
+      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 te();
+      !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(U, null, [
+    return (u, l) => (y(), x(K, null, [
       b("div", {
         "aria-controls": "nav",
         class: "pdap-nav-open-button",
         role: "button",
         onClick: s
-      }, Nr),
+      }, Jr),
       b("nav", {
         id: "nav",
         "aria-expanded": r.isMobile && r.isExpanded || !r.isMobile,
-        class: X(a),
-        style: he(r.isMobile ? { top: `${u.topPosition}px` } : {})
+        class: U(n),
+        style: ve(r.isMobile ? { top: `${u.topPosition}px` } : {})
       }, [
-        (v(!0), x(U, null, ge(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, Hr)) : q("", !0),
-          o.path ? (v(), I(d(ke), {
+          }, 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",
@@ -1538,37 +1592,37 @@ const qr = /* @__PURE__ */ b("svg", {
             onClick: s
           }, {
             default: R(() => [
-              N(k(o.text), 1)
+              B(V(o.text), 1)
             ]),
             _: 2
-          }, 1032, ["to"])) : q("", !0)
+          }, 1032, ["to"])) : z("", !0)
         ]))), 128))
-      ], 14, Br)
+      ], 14, Yr)
     ], 64));
   }
 });
-const Xr = ["href"], Ur = ["src"], Wr = ["src"], ra = /* @__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" },
     logoImageAnchorPath: { default: "/" }
   },
   setup(e) {
-    const t = e, r = P(), a = P(null), n = t.logoImageAnchorPath.startsWith("/");
-    tt(() => {
+    const t = e, r = P(), n = P(null), a = t.logoImageAnchorPath.startsWith("/");
+    ot(() => {
       s(), window.addEventListener("resize", s);
     }), $e(() => {
       window.removeEventListener("resize", s);
     });
     function s() {
-      a.value && (r.value = a.value.offsetHeight);
+      n.value && (r.value = n.value.offsetHeight);
     }
-    return (u, l) => (v(), x("header", {
+    return (u, l) => (y(), x("header", {
       ref_key: "el",
-      ref: a,
+      ref: n,
       class: "pdap-header"
     }, [
-      d(n) ? (v(), I(d(ke), {
+      d(a) ? (y(), I(d(Fe), {
         key: 1,
         to: u.logoImageAnchorPath,
         class: "logo"
@@ -1579,10 +1633,10 @@ const Xr = ["href"], Ur = ["src"], Wr = ["src"], ra = /* @__PURE__ */ j({
             loading: "lazy",
             width: "250",
             alt: "Police Data Accessibility Project Logo"
-          }, null, 8, Wr)
+          }, null, 8, an)
         ]),
         _: 1
-      }, 8, ["to"])) : (v(), x("a", {
+      }, 8, ["to"])) : (y(), x("a", {
         key: 0,
         href: u.logoImageAnchorPath,
         class: "logo"
@@ -1592,27 +1646,27 @@ const Xr = ["href"], Ur = ["src"], Wr = ["src"], ra = /* @__PURE__ */ j({
           loading: "lazy",
           width: "250",
           alt: "Police Data Accessibility Project Logo"
-        }, null, 8, Ur)
-      ], 8, Xr)),
-      H(Gr, { "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 Kr = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1), Qr = /* @__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), aa = /* @__PURE__ */ j({
+], -1), fn = /* @__PURE__ */ j({
   __name: "QuickSearchForm",
   props: {
     baseUrlForRedirect: { default: "https://data-sources.pdap.io" }
   },
   setup(e) {
-    const t = rt(), r = e, a = [
+    const t = it(), r = e, n = [
       {
         id: "search-term",
         name: "searchTerm",
         label: "What are you looking for?",
-        type: T.TEXT,
+        type: S.TEXT,
         placeholder: "Enter a keyword, or 'all'",
         value: ""
       },
@@ -1620,49 +1674,53 @@ const Kr = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1)
         id: "location",
         name: "location",
         label: "From where?",
-        type: T.TEXT,
+        type: S.TEXT,
         placeholder: "Enter a place, or 'all'",
         value: ""
       }
-    ], n = P(void 0);
-    function s(u) {
-      if (Object.values(u).every((c) => !c)) {
-        n.value = "Either a search term or a location is required.";
+    ], a = P(void 0);
+    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(U, null, [
-      H(pe, { class: "p-0" }, {
+    return (l, o) => (y(), x(K, null, [
+      G(me, { class: "p-0" }, {
         default: R(() => [
-          Kr,
-          Qr
+          sn,
+          on
         ]),
         _: 1
       }),
-      H(pe, {
+      G(me, {
         alignment: "center",
         class: "pdap-quick-search-form h-full max-h-[75-vh] justify-start p-0"
       }, {
         default: R(() => [
-          H(Dr, {
+          G(Kr, {
             id: "quick-search-form",
             class: "flex flex-wrap gap-x-4",
-            error: n.value,
-            schema: a,
+            error: a.value,
+            schema: n,
             name: "quickSearchForm",
-            onSubmit: s
+            onChange: s,
+            onSubmit: u
           }, {
             default: R(() => [
-              H(at, {
+              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
               })
@@ -1675,21 +1733,21 @@ const Kr = /* @__PURE__ */ b("h2", { class: "mt-0" }, "Search our database", -1)
     ], 64));
   }
 });
-const Zr = ["alt", "src"], na = /* @__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, Zr));
+    }, null, 8, ln));
   }
 });
-const sa = {
+const hn = {
   content: ["./src/**/*.vue", "./src/**/*.css"],
   theme: {
     // Nested within "extend" - extends tailwind theme defaults, only overrides properties named here
@@ -1768,17 +1826,17 @@ const sa = {
   }
 };
 export {
-  at as Button,
-  pe as FlexContainer,
-  ea as Footer,
-  Dr as Form,
-  Fr as GridContainer,
-  ta as GridItem,
-  ra as Header,
-  It as Input,
-  Gr as Nav,
-  T as PdapInputTypes,
-  aa as QuickSearchForm,
-  na as TileIcon,
-  sa as tailwindConfig
+  lt as Button,
+  me as FlexContainer,
+  dn as Footer,
+  Kr as Form,
+  Zr as GridContainer,
+  pn as GridItem,
+  mn as Header,
+  Mt as Input,
+  tn as Nav,
+  S as PdapInputTypes,
+  fn as QuickSearchForm,
+  gn as TileIcon,
+  hn as tailwindConfig
 };