pdap-design-system 1.1.0 → 2.0.0

package/dist/index.js

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