pdap-design-system 2.7.0-beta.5 → 2.7.0-beta.6

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, reactive as W, openBlock as m, createElementBlock as h, normalizeClass as ee, renderSlot as J, ref as N, onErrorCaptured as ut, createBlock as E, resolveDynamicComponent as it, withCtx as T, createElementVNode as f, createTextVNode as D, inject as ae, resolveComponent as Ue, Fragment as F, renderList as le, unref as L, toDisplayString as z, createCommentVNode as P, getCurrentInstance as lt, onBeforeMount as Ve, watch as X, isRef as pe, onBeforeUnmount as fe, computed as v, isReactive as ct, isReadonly as dt, provide as De, nextTick as se, mergeProps as G, normalizeProps as Lt, watchEffect as Te, withModifiers as je, normalizeStyle as Mt, onMounted as Be, createVNode as V, withDirectives as Ce, withKeys as xe, toHandlers as gt, Transition as ye, vShow as pt, TransitionGroup as jt } from "vue";
+import { defineComponent as C, reactive as B, openBlock as y, createElementBlock as h, normalizeClass as ee, renderSlot as J, ref as N, onErrorCaptured as ut, createBlock as E, resolveDynamicComponent as it, withCtx as T, createElementVNode as f, createTextVNode as D, inject as ae, resolveComponent as Ue, Fragment as W, renderList as le, unref as L, toDisplayString as z, createCommentVNode as k, getCurrentInstance as lt, onBeforeMount as Ve, watch as X, isRef as pe, onBeforeUnmount as fe, computed as v, isReactive as ct, isReadonly as dt, provide as De, nextTick as se, mergeProps as F, normalizeProps as Lt, watchEffect as Te, withModifiers as je, normalizeStyle as Mt, onMounted as Be, createVNode as U, withDirectives as Ce, withKeys as xe, toHandlers as gt, Transition as ye, vShow as pt, TransitionGroup as jt } from "vue";
 import { RouterLink as oe, useRouter as yt, useRoute as mt } from "vue-router";
 const ft = {
   name: "PdapButton"
@@ -9,12 +9,12 @@ const ft = {
     isLoading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = W({
+    const t = e, r = B({
       "pdap-button": !0,
       [`pdap-button-${t.intent}`]: !!t.intent,
       "pdap-button-loading": t.isLoading
     });
-    return (n, a) => (m(), h("button", {
+    return (n, a) => (y(), h("button", {
       class: ee(r)
     }, [
       J(n.$slots, "default")
@@ -46,7 +46,7 @@ const wt = /* @__PURE__ */ f("h1", null, "Oops, something went wrong!", -1), ht
     }
     return ut((u, l, c) => {
       i(u, l, c);
-    }), (u, l) => a.value ? (m(), E(it(u.component), {
+    }), (u, l) => a.value ? (y(), E(it(u.component), {
       key: 1,
       class: "pdap-flex-container-center h-[full]",
       "v-bind": u.params
@@ -105,21 +105,21 @@ const wt = /* @__PURE__ */ f("h1", null, "Oops, something went wrong!", -1), ht
     ]), n = t.logoImageAnchorPath.startsWith("/");
     return (a, s) => {
       const i = Ue("router-link");
-      return m(), h("footer", Nt, [
+      return y(), h("footer", Nt, [
         f("div", Dt, [
           f("ul", Tt, [
-            (m(!0), h(F, null, le(L(r), (u) => (m(), h("li", {
+            (y(!0), h(W, null, le(L(r), (u) => (y(), h("li", {
               key: u.text,
               class: "pdap-footer-link-container"
             }, [
-              u.href ? (m(), h("a", {
+              u.href ? (y(), h("a", {
                 key: 0,
                 class: "pdap-footer-social-link",
                 href: u.href,
                 target: "_blank",
                 referrerpolicy: "no-referrer"
-              }, z(u.text), 9, Ct)) : P("", !0),
-              u.path ? (m(), E(i, {
+              }, z(u.text), 9, Ct)) : k("", !0),
+              u.path ? (y(), E(i, {
                 key: 1,
                 "active-class": "pdap-footer-social-link-current",
                 "exact-active-class": "pdap-footer-social-link-current-exact",
@@ -130,7 +130,7 @@ const wt = /* @__PURE__ */ f("h1", null, "Oops, something went wrong!", -1), ht
                   D(z(u.text), 1)
                 ]),
                 _: 2
-              }, 1032, ["to"])) : P("", !0)
+              }, 1032, ["to"])) : k("", !0)
             ]))), 128))
           ]),
           f("p", xt, [
@@ -140,7 +140,7 @@ const wt = /* @__PURE__ */ f("h1", null, "Oops, something went wrong!", -1), ht
           St,
           f("div", Et, [
             zt,
-            L(n) ? (m(), E(i, {
+            L(n) ? (y(), E(i, {
               key: 1,
               to: a.logoImageAnchorPath,
               class: "pdap-footer-logo"
@@ -154,7 +154,7 @@ const wt = /* @__PURE__ */ f("h1", null, "Oops, something went wrong!", -1), ht
                 }, null, 8, bt)
               ]),
               _: 1
-            }, 8, ["to"])) : (m(), h("a", {
+            }, 8, ["to"])) : (y(), h("a", {
               key: 0,
               href: a.logoImageAnchorPath,
               class: "pdap-footer-logo"
@@ -182,7 +182,7 @@ function Ie(e, t) {
   }
   return r;
 }
-function k(e) {
+function A(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) {
@@ -244,11 +244,11 @@ function Yt(e, t, r, n, a, s, i) {
   let {
     $lazy: u,
     $rewardEarly: l
-  } = a, c = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], M = arguments.length > 8 ? arguments[8] : void 0, y = arguments.length > 9 ? arguments[9] : void 0, j = arguments.length > 10 ? arguments[10] : void 0;
+  } = a, c = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], M = arguments.length > 8 ? arguments[8] : void 0, j = arguments.length > 9 ? arguments[9] : void 0, m = arguments.length > 10 ? arguments[10] : void 0;
   const p = N(!!n.value), o = N(0);
   r.value = !1;
-  const d = X([t, n].concat(c, j), () => {
-    if (u && !n.value || l && !y.value && !r.value)
+  const d = X([t, n].concat(c, m), () => {
+    if (u && !n.value || l && !j.value && !r.value)
       return;
     let g;
     try {
@@ -275,47 +275,47 @@ function Qt(e, t, r, n, a, s, i, u) {
     $lazy: l,
     $rewardEarly: c
   } = n;
-  const M = () => ({}), y = v(() => {
+  const M = () => ({}), j = v(() => {
     if (l && !r.value || c && !u.value)
       return !1;
-    let j = !0;
+    let m = !0;
     try {
       const p = Ge(e, t, i, s);
-      a.value = p, j = Ze(p);
+      a.value = p, m = Ze(p);
     } catch (p) {
       a.value = p;
     }
-    return j;
+    return m;
   });
   return {
     $unwatch: M,
-    $invalid: y
+    $invalid: j
   };
 }
 function Rt(e, t, r, n, a, s, i, u, l, c, M) {
-  const y = N(!1), j = e.$params || {}, p = N(null);
+  const j = N(!1), m = e.$params || {}, p = N(null);
   let o, d;
   e.$async ? {
     $invalid: o,
     $unwatch: d
-  } = Yt(e.$validator, t, y, r, n, p, a, e.$watchTargets, l, c, M) : {
+  } = Yt(e.$validator, t, j, r, n, p, a, e.$watchTargets, l, c, M) : {
     $invalid: o,
     $unwatch: d
   } = Qt(e.$validator, t, r, n, p, a, l, c);
   const g = e.$message;
   return {
     $message: ue(g) ? v(() => g(Se({
-      $pending: y,
+      $pending: j,
       $invalid: o,
-      $params: Se(j),
+      $params: Se(m),
       $model: t,
       $response: p,
       $validator: s,
       $propertyPath: u,
       $property: i
     }))) : g || "",
-    $params: j,
-    $pending: y,
+    $params: m,
+    $pending: j,
     $invalid: o,
     $response: p,
     $unwatch: d
@@ -354,26 +354,26 @@ function Ut() {
 }
 const Vt = "__root";
 function Bt(e, t, r, n, a, s, i, u, l) {
-  const c = Object.keys(e), M = n.get(a, e), y = N(!1), j = N(!1), p = N(0);
+  const c = Object.keys(e), M = n.get(a, e), j = N(!1), m = N(!1), p = N(0);
   if (M) {
     if (!M.$partial)
       return M;
-    M.$unwatch(), y.value = M.$dirty.value;
+    M.$unwatch(), j.value = M.$dirty.value;
   }
   const o = {
-    $dirty: y,
+    $dirty: j,
     $path: a,
     $touch: () => {
-      y.value || (y.value = !0);
+      j.value || (j.value = !0);
     },
     $reset: () => {
-      y.value && (y.value = !1);
+      j.value && (j.value = !1);
     },
     $commit: () => {
     }
   };
   return c.length ? (c.forEach((d) => {
-    o[d] = Rt(e[d], t, o.$dirty, s, i, d, r, a, l, j, p);
+    o[d] = Rt(e[d], t, o.$dirty, s, i, d, r, a, l, m, p);
   }), o.$externalResults = v(() => u.value ? [].concat(u.value).map((d, g) => ({
     $propertyPath: a,
     $property: r,
@@ -385,10 +385,10 @@ function Bt(e, t, r, n, a, s, i, u, l) {
     $pending: !1
   })) : []), o.$invalid = v(() => {
     const d = c.some((g) => L(o[g].$invalid));
-    return j.value = d, !!o.$externalResults.value.length || d;
+    return m.value = d, !!o.$externalResults.value.length || d;
   }), o.$pending = v(() => c.some((d) => L(o[d].$pending))), o.$error = v(() => o.$dirty.value ? o.$pending.value || o.$invalid.value : !1), o.$silentErrors = v(() => c.filter((d) => L(o[d].$invalid)).map((d) => {
     const g = o[d];
-    return W({
+    return B({
       $propertyPath: a,
       $property: r,
       $validator: d,
@@ -401,7 +401,7 @@ function Bt(e, t, r, n, a, s, i, u, l) {
   }).concat(o.$externalResults.value)), o.$errors = v(() => o.$dirty.value ? o.$silentErrors.value : []), o.$unwatch = () => c.forEach((d) => {
     o[d].$unwatch();
   }), o.$commit = () => {
-    j.value = !0, p.value = Date.now();
+    m.value = !0, p.value = Date.now();
   }, n.set(a, e, o), o) : (M && n.set(a, e, o), o);
 }
 function Wt(e, t, r, n, a, s, i) {
@@ -431,11 +431,11 @@ function Ft(e, t, r) {
   }), i = v(() => {
     const o = L(e.$errors) || [], d = n.value.filter((g) => (L(g).$errors || []).length).reduce((g, w) => g.concat(...w.$errors), []);
     return o.concat(d);
-  }), u = v(() => n.value.some((o) => o.$invalid) || L(e.$invalid) || !1), l = v(() => n.value.some((o) => L(o.$pending)) || L(e.$pending) || !1), c = v(() => n.value.some((o) => o.$dirty) || n.value.some((o) => o.$anyDirty) || a.value), M = v(() => a.value ? l.value || u.value : !1), y = () => {
+  }), u = v(() => n.value.some((o) => o.$invalid) || L(e.$invalid) || !1), l = v(() => n.value.some((o) => L(o.$pending)) || L(e.$pending) || !1), c = v(() => n.value.some((o) => o.$dirty) || n.value.some((o) => o.$anyDirty) || a.value), M = v(() => a.value ? l.value || u.value : !1), j = () => {
     e.$touch(), n.value.forEach((o) => {
       o.$touch();
     });
-  }, j = () => {
+  }, m = () => {
     e.$commit(), n.value.forEach((o) => {
       o.$commit();
     });
@@ -444,17 +444,17 @@ function Ft(e, t, r) {
       o.$reset();
     });
   };
-  return n.value.length && n.value.every((o) => o.$dirty) && y(), {
+  return n.value.length && n.value.every((o) => o.$dirty) && j(), {
     $dirty: a,
     $errors: i,
     $invalid: u,
     $anyDirty: c,
     $error: M,
     $pending: l,
-    $touch: y,
+    $touch: j,
     $reset: p,
     $silentErrors: s,
-    $commit: j
+    $commit: m
   };
 }
 function me(e) {
@@ -470,29 +470,29 @@ function me(e) {
     externalResults: c
   } = e;
   const M = a ? `${a}.${n}` : n, {
-    rules: y,
-    nestedValidators: j,
+    rules: j,
+    nestedValidators: m,
     config: p,
     validationGroups: o
-  } = Ut(t), d = k(k({}, u), p), g = n ? v(() => {
+  } = Ut(t), d = A(A({}, u), p), g = n ? v(() => {
     const $ = L(r);
     return $ ? L($[n]) : void 0;
-  }) : r, w = k({}, L(c) || {}), I = v(() => {
+  }) : r, w = A({}, L(c) || {}), I = v(() => {
     const $ = L(c);
     return n ? $ ? L($[n]) : void 0 : $;
-  }), _ = Bt(y, g, n, i, M, d, l, I, r), S = Wt(j, g, M, i, d, l, I), R = {};
+  }), H = Bt(j, g, n, i, M, d, l, I, r), S = Wt(m, g, M, i, d, l, I), Q = {};
   o && Object.entries(o).forEach(($) => {
-    let [U, A] = $;
-    R[U] = {
-      $invalid: ge(A, S, "$invalid"),
-      $error: ge(A, S, "$error"),
-      $pending: ge(A, S, "$pending"),
-      $errors: Ee(A, S, "$errors"),
-      $silentErrors: Ee(A, S, "$silentErrors")
+    let [R, b] = $;
+    Q[R] = {
+      $invalid: ge(b, S, "$invalid"),
+      $error: ge(b, S, "$error"),
+      $pending: ge(b, S, "$pending"),
+      $errors: Ee(b, S, "$errors"),
+      $silentErrors: Ee(b, S, "$silentErrors")
     };
   });
   const {
-    $dirty: b,
+    $dirty: _,
     $errors: te,
     $invalid: de,
     $anyDirty: qe,
@@ -502,16 +502,16 @@ function me(e) {
     $reset: tt,
     $silentErrors: rt,
     $commit: Ne
-  } = Ft(_, S, s), nt = n ? v({
+  } = Ft(H, S, s), nt = n ? v({
     get: () => L(g),
     set: ($) => {
-      b.value = !0;
-      const U = L(r), A = L(c);
-      A && (A[n] = w[n]), pe(U[n]) ? U[n].value = $ : U[n] = $;
+      _.value = !0;
+      const R = L(r), b = L(c);
+      b && (b[n] = w[n]), pe(R[n]) ? R[n].value = $ : R[n] = $;
     }
   }) : null;
   n && d.$autoDirty && X(g, () => {
-    b.value || Me();
+    _.value || Me();
     const $ = L(c);
     $ && ($[n] = w[n]);
   }, {
@@ -521,8 +521,8 @@ function me(e) {
     return Me(), d.$rewardEarly && (Ne(), await se()), await se(), new Promise(($) => {
       if (!Le.value)
         return $(!de.value);
-      const U = X(Le, () => {
-        $(!de.value), U();
+      const R = X(Le, () => {
+        $(!de.value), R();
       });
     });
   }
@@ -534,9 +534,9 @@ function me(e) {
       delete c[$];
     }) : Object.assign(c, w);
   }
-  return W(k(k(k({}, _), {}, {
+  return B(A(A(A({}, H), {}, {
     $model: nt,
-    $dirty: b,
+    $dirty: _,
     $error: et,
     $errors: te,
     $invalid: de,
@@ -551,7 +551,7 @@ function me(e) {
   }, s && {
     $getResultsForChild: st,
     $clearExternalResults: ot,
-    $validationGroups: R
+    $validationGroups: Q
   }), S));
 }
 class Gt {
@@ -592,18 +592,18 @@ function Zt(e) {
     $scope: t,
     instance: r
   } = e;
-  const n = {}, a = N([]), s = v(() => a.value.reduce((M, y) => (M[y] = L(n[y]), M), {}));
-  function i(M, y) {
+  const n = {}, a = N([]), s = v(() => a.value.reduce((M, j) => (M[j] = L(n[j]), M), {}));
+  function i(M, j) {
     let {
-      $registerAs: j,
+      $registerAs: m,
       $scope: p,
       $stopPropagation: o
-    } = y;
-    o || t === re.COLLECT_NONE || p === re.COLLECT_NONE || t !== re.COLLECT_ALL && t !== p || (n[j] = M, a.value.push(j));
+    } = j;
+    o || t === re.COLLECT_NONE || p === re.COLLECT_NONE || t !== re.COLLECT_ALL && t !== p || (n[m] = M, a.value.push(m));
   }
   r.__vuelidateInjectInstances = [].concat(r.__vuelidateInjectInstances || [], i);
   function u(M) {
-    a.value = a.value.filter((y) => y !== M), delete n[M];
+    a.value = a.value.filter((j) => j !== M), delete n[M];
   }
   r.__vuelidateRemoveInstances = [].concat(r.__vuelidateRemoveInstances || [], u);
   const l = ae(ze, []);
@@ -636,7 +636,7 @@ function Ht(e, t) {
   } = n;
   const c = l || ((r = lt()) === null || r === void 0 ? void 0 : r.proxy), M = c ? c.$options : {};
   a || (_e += 1, a = `_vuelidate_${_e}`);
-  const y = N({}), j = new Gt(), {
+  const j = N({}), m = new Gt(), {
     childResults: p,
     sendValidationResultsToParent: o,
     removeValidationResultsFromParent: d
@@ -650,11 +650,11 @@ function Ht(e, t) {
     const g = M.validations;
     t = N({}), Ve(() => {
       t.value = c, X(() => ue(g) ? g.call(t.value, new He(t.value)) : g, (w) => {
-        y.value = me({
+        j.value = me({
           validations: w,
           state: t,
           childResults: p,
-          resultsCache: j,
+          resultsCache: m,
           globalConfig: n,
           instance: c,
           externalResults: u || c.vuelidateExternalResults
@@ -664,13 +664,13 @@ function Ht(e, t) {
       });
     }), n = M.validationsConfig || n;
   } else {
-    const g = pe(e) || Pt(e) ? e : W(e || {});
+    const g = pe(e) || Pt(e) ? e : B(e || {});
     X(g, (w) => {
-      y.value = me({
+      j.value = me({
         validations: w,
         state: t,
         childResults: p,
-        resultsCache: j,
+        resultsCache: m,
         globalConfig: n,
         instance: c ?? {},
         externalResults: u
@@ -679,11 +679,11 @@ function Ht(e, t) {
       immediate: !0
     });
   }
-  return c && (o.forEach((g) => g(y, {
+  return c && (o.forEach((g) => g(j, {
     $registerAs: a,
     $scope: s,
     $stopPropagation: i
-  })), fe(() => d.forEach((g) => g(a)))), v(() => k(k({}, L(y.value)), p.value));
+  })), fe(() => d.forEach((g) => g(a)))), v(() => A(A({}, L(j.value)), p.value));
 }
 var O = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e.PASSWORD = "password", e))(O || {});
 const Jt = ["id", "type", "name", "placeholder", "value"], Xt = /* @__PURE__ */ C({
@@ -704,7 +704,7 @@ const Jt = ["id", "type", "name", "placeholder", "value"], Xt = /* @__PURE__ */
     }, a = (s) => {
       r("input", s);
     };
-    return (s, i) => (m(), h("input", G({
+    return (s, i) => (y(), h("input", F({
       id: s.id,
       type: s.type,
       name: s.name,
@@ -732,7 +732,7 @@ const Jt = ["id", "type", "name", "placeholder", "value"], Xt = /* @__PURE__ */
     const r = t, n = (a) => {
       r("change", a);
     };
-    return (a, s) => (m(), h("input", G({
+    return (a, s) => (y(), h("input", F({
       id: a.id,
       name: a.name,
       checked: a.value === "true",
@@ -757,7 +757,7 @@ const Jt = ["id", "type", "name", "placeholder", "value"], Xt = /* @__PURE__ */
     const t = e, r = v(() => `pdap-${t.name}-input-error`);
     return (n, a) => {
       var s;
-      return m(), h("div", {
+      return y(), h("div", {
         class: ee({
           "pdap-input": !0,
           [`pdap-input-${n.type}`]: !0,
@@ -765,15 +765,15 @@ const Jt = ["id", "type", "name", "placeholder", "value"], Xt = /* @__PURE__ */
           "pdap-input-error": Number((s = n.error) == null ? void 0 : s.length) >= 1
         })
       }, [
-        n.type === L(O).CHECKBOX ? (m(), E(qt, G({
+        n.type === L(O).CHECKBOX ? (y(), E(qt, F({
           key: 0,
           class: "pdap-input-checkbox"
-        }, { ...n.$attrs, ...t }), null, 16)) : (m(), E(Xt, Lt(G({ key: 1 }, { ...n.$attrs, ...n.$props })), null, 16)),
-        n.error ? (m(), h("div", {
+        }, { ...n.$attrs, ...t }), null, 16)) : (y(), E(Xt, Lt(F({ key: 1 }, { ...n.$attrs, ...n.$props })), null, 16)),
+        n.error ? (y(), h("div", {
           key: 2,
           id: r.value,
           class: "pdap-input-error-message"
-        }, z(n.error), 9, er)) : P("", !0),
+        }, z(n.error), 9, er)) : k("", !0),
         f("label", {
           class: "pdap-input-label",
           for: n.id
@@ -792,7 +792,7 @@ function be(e, t) {
   }
   return r;
 }
-function Z(e) {
+function G(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? be(Object(r), !0).forEach(function(n) {
@@ -818,17 +818,17 @@ function ie(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
 function ce(e) {
-  return K(e.$validator) ? Z({}, e) : {
+  return K(e.$validator) ? G({}, e) : {
     $validator: e
   };
 }
 function ar(e) {
   return ie(e) && K(e.then);
 }
-function Y(e) {
+function P(e) {
   return typeof e == "object" ? e.$valid : e;
 }
-function B(e) {
+function V(e) {
   return e.$validator || e;
 }
 function we(e, t) {
@@ -837,7 +837,7 @@ function we(e, t) {
   if (!ie(t) && !K(t))
     throw new Error("[@vuelidate/validators]: Validator must be a function or object with $validator parameter");
   const r = ce(t);
-  return r.$params = Z(Z({}, r.$params || {}), e), r;
+  return r.$params = G(G({}, r.$params || {}), e), r;
 }
 function q(e, t) {
   if (!K(e) && typeof L(e) != "string")
@@ -850,7 +850,7 @@ function q(e, t) {
 function sr(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   const r = ce(e);
-  return Z(Z({}, r), {}, {
+  return G(G({}, r), {}, {
     $async: !0,
     $watchTargets: t
   });
@@ -862,31 +862,31 @@ function or(e) {
         n[a - 1] = arguments[a];
       return L(t).reduce((s, i, u) => {
         const l = Object.entries(i).reduce((c, M) => {
-          let [y, j] = M;
-          const p = e[y] || {}, o = Object.entries(p).reduce((d, g) => {
+          let [j, m] = M;
+          const p = e[j] || {}, o = Object.entries(p).reduce((d, g) => {
             let [w, I] = g;
-            const S = B(I).call(this, j, i, u, ...n), R = Y(S);
-            if (d.$data[w] = S, d.$data.$invalid = !R || !!d.$data.$invalid, d.$data.$error = d.$data.$invalid, !R) {
-              let b = I.$message || "";
+            const S = V(I).call(this, m, i, u, ...n), Q = P(S);
+            if (d.$data[w] = S, d.$data.$invalid = !Q || !!d.$data.$invalid, d.$data.$error = d.$data.$invalid, !Q) {
+              let _ = I.$message || "";
               const te = I.$params || {};
-              typeof b == "function" && (b = b({
+              typeof _ == "function" && (_ = _({
                 $pending: !1,
-                $invalid: !R,
+                $invalid: !Q,
                 $params: te,
-                $model: j,
+                $model: m,
                 $response: S
               })), d.$errors.push({
-                $property: y,
-                $message: b,
+                $property: j,
+                $message: _,
                 $params: te,
                 $response: S,
-                $model: j,
+                $model: m,
                 $pending: !1,
                 $validator: w
               });
             }
             return {
-              $valid: d.$valid && R,
+              $valid: d.$valid && Q,
               $data: d.$data,
               $errors: d.$errors
             };
@@ -895,7 +895,7 @@ function or(e) {
             $data: {},
             $errors: []
           });
-          return c.$data[y] = o.$data, c.$errors[y] = o.$errors, {
+          return c.$data[j] = o.$data, c.$errors[j] = o.$errors, {
             $valid: c.$valid && o.$valid,
             $data: c.$data,
             $errors: c.$errors
@@ -940,37 +940,37 @@ const x = (e) => {
   }
   return !!String(e).length;
 }, he = (e) => (e = L(e), Array.isArray(e) ? e.length : typeof e == "object" ? Object.keys(e).length : String(e).length);
-function Q() {
+function Y() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return (n) => (n = L(n), !x(n) || t.every((a) => (a.lastIndex = 0, a.test(n))));
 }
-var H = /* @__PURE__ */ Object.freeze({
+var Z = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   forEach: or,
   len: he,
   normalizeValidatorObject: ce,
-  regex: Q,
+  regex: Y,
   req: x,
   unwrap: L,
-  unwrapNormalizedValidator: B,
-  unwrapValidatorResponse: Y,
+  unwrapNormalizedValidator: V,
+  unwrapValidatorResponse: P,
   withAsync: sr,
   withMessage: q,
   withParams: we
-}), ur = Q(/^[a-zA-Z]*$/), ir = {
+}), ur = Y(/^[a-zA-Z]*$/), ir = {
   $validator: ur,
   $message: "The value is not alphabetical",
   $params: {
     type: "alpha"
   }
-}, lr = Q(/^[a-zA-Z0-9]*$/), cr = {
+}, lr = Y(/^[a-zA-Z0-9]*$/), cr = {
   $validator: lr,
   $message: "The value must be alpha-numeric",
   $params: {
     type: "alphaNum"
   }
-}, dr = Q(/^\d*(\.\d+)?$/), Lr = {
+}, dr = Y(/^\d*(\.\d+)?$/), Lr = {
   $validator: dr,
   $message: "Value must be numeric",
   $params: {
@@ -997,7 +997,7 @@ function gr(e, t) {
   };
 }
 const pr = /^(?:[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 jr = Q(pr), ve = {
+var jr = Y(pr), ve = {
   $validator: jr,
   $message: "Value is not a valid email address",
   $params: {
@@ -1146,7 +1146,7 @@ function Or(e) {
   };
 }
 const _r = /^(?:(?:(?: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 br = Q(_r), Ar = {
+var br = Y(_r), Ar = {
   $validator: br,
   $message: "The value is not a valid URL address",
   $params: {
@@ -1157,7 +1157,7 @@ function kr(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) => Y(a) ? a : B(s).apply(this, r), !1);
+    return e.reduce((a, s) => P(a) ? a : V(s).apply(this, r), !1);
   };
 }
 function Pr(e) {
@@ -1166,7 +1166,7 @@ function Pr(e) {
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
       const i = await a;
-      return Y(i) ? i : B(s).apply(this, r);
+      return P(i) ? i : V(s).apply(this, r);
     }, Promise.resolve(!1));
   };
 }
@@ -1190,7 +1190,7 @@ function Rr(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) => Y(a) ? B(s).apply(this, r) : a, !0);
+    return e.reduce((a, s) => P(a) ? V(s).apply(this, r) : a, !0);
   };
 }
 function Ur(e) {
@@ -1199,7 +1199,7 @@ function Ur(e) {
       r[n] = arguments[n];
     return e.reduce(async (a, s) => {
       const i = await a;
-      return Y(i) ? B(s).apply(this, r) : i;
+      return P(i) ? V(s).apply(this, r) : i;
     }, Promise.resolve(!0));
   };
 }
@@ -1223,8 +1223,8 @@ function Wr(e) {
   return function(t, r) {
     if (!x(t))
       return !0;
-    const n = B(e).call(this, t, r);
-    return ar(n) ? n.then((a) => !Y(a)) : !Y(n);
+    const n = V(e).call(this, t, r);
+    return ar(n) ? n.then((a) => !P(a)) : !P(n);
   };
 }
 function Fr(e) {
@@ -1269,13 +1269,13 @@ var Jr = (e) => ({
     max: e,
     type: "maxValue"
   }
-}), Xr = Q(/(^[0-9]*$)|(^-[0-9]+$)/), Kr = {
+}), Xr = Y(/(^[0-9]*$)|(^-[0-9]+$)/), Kr = {
   $validator: Xr,
   $message: "Value is not an integer",
   $params: {
     type: "integer"
   }
-}, qr = Q(/^[-]?\d*(\.\d+)?$/), en = {
+}, qr = Y(/^[-]?\d*(\.\d+)?$/), en = {
   $validator: qr,
   $message: "Value must be decimal",
   $params: {
@@ -1300,7 +1300,7 @@ function tn(e) {
       messageParams: l = n
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     function c(M) {
-      return t(u(M), l(Z({
+      return t(u(M), l(G({
         model: M.$model,
         property: M.$property,
         pending: M.$pending,
@@ -1324,7 +1324,7 @@ const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createI18nMessage: tn,
   decimal: en,
   email: ve,
-  helpers: H,
+  helpers: Z,
   integer: Kr,
   ipAddress: fr,
   macAddress: vr,
@@ -1340,7 +1340,7 @@ const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   requiredUnless: Er,
   sameAs: Or,
   url: Ar
-}, Symbol.toStringTag, { value: "Module" })), Xe = H.regex(
+}, Symbol.toStringTag, { value: "Module" })), Xe = Z.regex(
   /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/
 );
 function Pe(e) {
@@ -1362,7 +1362,7 @@ function rn(e, t) {
 }
 function nn(e, t, r) {
   return {
-    [e]: H.withMessage(r, Je[e](t))
+    [e]: Z.withMessage(r, Je[e](t))
   };
 }
 function an() {
@@ -1370,7 +1370,7 @@ function an() {
 }
 function sn(e) {
   return {
-    required: H.withMessage(e, $e)
+    required: Z.withMessage(e, $e)
   };
 }
 function on() {
@@ -1378,7 +1378,7 @@ function on() {
 }
 function un(e) {
   return {
-    email: H.withMessage(e, ve)
+    email: Z.withMessage(e, ve)
   };
 }
 function ln() {
@@ -1386,7 +1386,7 @@ function ln() {
 }
 function cn(e) {
   return {
-    password: H.withMessage(e, Xe)
+    password: Z.withMessage(e, Xe)
   };
 }
 function dn(e, t) {
@@ -1428,22 +1428,22 @@ const Ln = ["id", "name"], Mn = {
   emits: ["submit", "change"],
   setup(e, { emit: t }) {
     const r = e, n = t, a = v(
-      () => r.schema.map((j) => {
-        const p = { ...j };
+      () => r.schema.map((m) => {
+        const p = { ...m };
         return delete p.validators, p;
       })
     ), s = N(
-      a.value.reduce((j, p) => {
+      a.value.reduce((m, p) => {
         switch (p.type) {
           case O.CHECKBOX:
-            return { ...j, [p.name]: String(p.defaultChecked) };
+            return { ...m, [p.name]: String(p.defaultChecked) };
           case O.TEXT:
           case O.PASSWORD:
           default:
-            return { ...j, [p.name]: p.value };
+            return { ...m, [p.name]: p.value };
         }
       }, {})
-    ), i = r.schema.reduce((j, p) => {
+    ), i = r.schema.reduce((m, p) => {
       const o = Object.entries(p.validators ?? {}).reduce(
         (d, [g, w]) => ({
           ...d,
@@ -1452,15 +1452,15 @@ const Ln = ["id", "name"], Mn = {
         {}
       );
       return {
-        ...j,
+        ...m,
         [p.name]: {
           ...o
         }
       };
     }, {}), u = Ht(i, s, { $autoDirty: !1, $lazy: !0 }), l = N(r.error);
-    function c(j, p) {
+    function c(m, p) {
       const o = p.target, d = o.type === O.CHECKBOX && typeof o.checked == "boolean" ? o.checked.toString() : o.value;
-      s.value[j] = d, M();
+      s.value[m] = d, M();
     }
     Te(() => {
       r.error ? l.value = r.error : l.value && u.value.$errors.length === 0 ? l.value = null : !l.value && u.value.$errors.length > 0 && (l.value = "Please update this form to correct the errors");
@@ -1469,30 +1469,30 @@ const Ln = ["id", "name"], Mn = {
     function M() {
       n("change", { ...s.value });
     }
-    async function y(j) {
+    async function j(m) {
       if (await u.value.$validate()) {
-        n("submit", { ...s.value }), u.value.$reset(), j.target.reset(), s.value = Object.entries(s).reduce((d, [g]) => ({ ...d, [g]: "" }), {});
+        n("submit", { ...s.value }), u.value.$reset(), m.target.reset(), s.value = Object.entries(s).reduce((d, [g]) => ({ ...d, [g]: "" }), {});
         return;
       }
     }
-    return (j, p) => (m(), h("form", {
-      id: j.id,
-      name: j.name,
+    return (m, p) => (y(), h("form", {
+      id: m.id,
+      name: m.name,
       class: "pdap-form",
       onChange: M,
-      onSubmit: p[0] || (p[0] = je((o) => y(o), ["prevent"]))
+      onSubmit: p[0] || (p[0] = je((o) => j(o), ["prevent"]))
     }, [
-      typeof l.value == "string" ? (m(), h("div", Mn, z(l.value), 1)) : P("", !0),
-      (m(!0), h(F, null, le(a.value, (o) => {
+      typeof l.value == "string" ? (y(), h("div", Mn, z(l.value), 1)) : k("", !0),
+      (y(!0), h(W, null, le(a.value, (o) => {
         var d, g, w, I;
-        return m(), E(rr, G(o, {
+        return y(), E(rr, F(o, {
           key: o.name,
           error: (d = L(u)[o.name]) != null && d.$error ? (I = (w = (g = L(u)[o.name]) == null ? void 0 : g.$errors) == null ? void 0 : w[0]) == null ? void 0 : I.$message : "",
           value: s.value[o.name],
-          onChange: (_) => c(o.name, _)
+          onChange: (H) => c(o.name, H)
         }), null, 16, ["error", "value", "onChange"]);
       }), 128)),
-      J(j.$slots, "default")
+      J(m.$slots, "default")
     ], 40, Ln));
   }
 });
@@ -1517,10 +1517,10 @@ const jn = /* @__PURE__ */ f("svg", {
 `,
       "Did you forget to inject some linkData for the Nav component?"
     ));
-    const r = W({
+    const r = B({
       isExpanded: !1,
       isMobile: !0
-    }), n = W({
+    }), n = B({
       "pdap-nav": !0
     });
     Ve(() => {
@@ -1536,7 +1536,7 @@ const jn = /* @__PURE__ */ f("svg", {
       const i = document.querySelector("body");
       !r.isExpanded && r.isMobile ? (r.isExpanded = !0, i != null && i.classList.contains("lock-scroll") || (u = document.querySelector("body")) == null || u.classList.add("lock-scroll")) : r.isExpanded && r.isMobile && (r.isExpanded = !1, (l = document.querySelector("body")) == null || l.classList.remove("lock-scroll")), await se();
     }
-    return (i, u) => (m(), h(F, null, [
+    return (i, u) => (y(), h(W, null, [
       f("div", {
         "aria-controls": "nav",
         class: "pdap-nav-open-button",
@@ -1549,19 +1549,19 @@ const jn = /* @__PURE__ */ f("svg", {
         class: ee(n),
         style: Mt(r.isMobile ? { top: `${i.topPosition}px` } : {})
       }, [
-        (m(!0), h(F, null, le(L(t), (l) => (m(), h("li", {
+        (y(!0), h(W, null, le(L(t), (l) => (y(), h("li", {
           key: l.text,
           class: "pdap-nav-link-container"
         }, [
-          l.href ? (m(), h("a", {
+          l.href ? (y(), h("a", {
             key: 0,
             class: "pdap-nav-link",
             href: l.href,
             target: "_blank",
             referrerpolicy: "no-referrer",
             onClick: s
-          }, z(l.text), 9, fn)) : P("", !0),
-          l.path ? (m(), E(L(oe), {
+          }, z(l.text), 9, fn)) : k("", !0),
+          l.path ? (y(), E(L(oe), {
             key: 1,
             "active-class": "pdap-nav-link-current",
             "exact-active-class": "pdap-nav-link-current-exact",
@@ -1573,7 +1573,7 @@ const jn = /* @__PURE__ */ f("svg", {
               D(z(l.text), 1)
             ]),
             _: 2
-          }, 1032, ["to"])) : P("", !0)
+          }, 1032, ["to"])) : k("", !0)
         ]))), 128))
       ], 14, mn)
     ], 64));
@@ -1597,12 +1597,12 @@ const vn = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
     function s() {
       n.value && (r.value = n.value.offsetHeight);
     }
-    return (i, u) => (m(), h("header", {
+    return (i, u) => (y(), h("header", {
       ref_key: "el",
       ref: n,
       class: "pdap-header"
     }, [
-      L(a) ? (m(), E(L(oe), {
+      L(a) ? (y(), E(L(oe), {
         key: 1,
         to: i.logoImageAnchorPath,
         class: "logo"
@@ -1616,7 +1616,7 @@ const vn = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
           }, null, 8, Dn)
         ]),
         _: 1
-      }, 8, ["to"])) : (m(), h("a", {
+      }, 8, ["to"])) : (y(), h("a", {
         key: 0,
         href: i.logoImageAnchorPath,
         class: "logo"
@@ -1628,7 +1628,7 @@ const vn = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
           alt: "Police Data Accessibility Project Logo"
         }, null, 8, Nn)
       ], 8, $n)),
-      V(hn, { "top-position": r.value }, null, 8, ["top-position"])
+      U(hn, { "top-position": r.value }, null, 8, ["top-position"])
     ], 512));
   }
 });
@@ -1668,7 +1668,7 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
       a.value && Object.values(l).some(Boolean) && (a.value = void 0);
     }
     function u(l) {
-      if (Object.values(l).every((y) => !y)) {
+      if (Object.values(l).every((j) => !j)) {
         a.value = "Either a search term or a location is required.";
         return;
       }
@@ -1677,10 +1677,10 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
         `${r.baseUrlForRedirect}/search/${M}/${c}`
       );
     }
-    return (l, c) => (m(), h(F, null, [
+    return (l, c) => (y(), h(W, null, [
       Cn,
       f("div", xn, [
-        V(pn, {
+        U(pn, {
           id: "quick-search-form",
           class: "flex flex-wrap gap-x-4",
           error: a.value,
@@ -1690,7 +1690,7 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
           onSubmit: u
         }, {
           default: T(() => [
-            V(We, {
+            U(We, {
               type: "submit",
               class: "flex-grow-0 flex-shrink-0 basis-full max-w-[unset] mt-4"
             }, {
@@ -1704,7 +1704,7 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
         }, 8, ["error"]),
         f("p", In, [
           D(" For example, you could search for "),
-          L(s) ? (m(), E(L(oe), {
+          L(s) ? (y(), E(L(oe), {
             key: 0,
             to: "/search/stops/pittsburgh"
           }, {
@@ -1712,14 +1712,14 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
               D(" stops in Pittsburgh ")
             ]),
             _: 1
-          })) : (m(), h("a", {
+          })) : (y(), h("a", {
             key: 1,
             target: "_blank",
             rel: "noreferrer",
             href: `${r.baseUrlForRedirect}/search/stops/pittsburgh`
           }, " stops in Pittsburgh ", 8, Sn)),
           D(" or "),
-          L(s) ? (m(), E(L(oe), {
+          L(s) ? (y(), E(L(oe), {
             key: 2,
             to: "/search/complaints/all"
           }, {
@@ -1727,7 +1727,7 @@ const Cn = /* @__PURE__ */ f("div", { class: "pdap-flex-container" }, [
               D(" complaints everywhere ")
             ]),
             _: 1
-          })) : (m(), h("a", {
+          })) : (y(), h("a", {
             key: 3,
             target: "_blank",
             rel: "noreferrer",
@@ -1748,7 +1748,7 @@ const On = ["alt", "src"], _n = {
     imgSrc: {}
   },
   setup(e) {
-    return (t, r) => (m(), h("img", {
+    return (t, r) => (y(), h("img", {
       class: "pdap-tile-icon",
       alt: t.imgAltText,
       src: t.imgSrc
@@ -1766,97 +1766,98 @@ const bn = {
   unmounted(e) {
     e.clickOutsideEvent && (document.removeEventListener("click", e.clickOutsideEvent), document.removeEventListener("keyup", e.clickOutsideEvent));
   }
-}, An = ["onKeydown"], kn = ["aria-hidden"], Pn = {
+}, An = ["onKeydown"], kn = ["id", "aria-hidden"], Pn = {
   name: "PdapButton"
 }, na = /* @__PURE__ */ C({
   ...Pn,
   props: {
     defaultOpen: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
+    dropdownId: {},
     triggerOn: { default: ne.PRESS }
   },
   emits: ["update:open", "press"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = "pdap-dropdown", s = N(null), i = N(null), u = N(r.defaultOpen), l = v(
+    const r = e, n = t, a = N(null), s = N(null), i = N(r.defaultOpen), u = v(
       () => r.triggerOn === ne.HOVER
     );
-    function c(d) {
-      n("press", d), r.triggerOn === ne.PRESS && M();
+    function l(o) {
+      n("press", o), r.triggerOn === ne.PRESS && c();
     }
-    const M = () => {
-      r.disabled || (u.value = !u.value, n("update:open", u.value));
+    const c = () => {
+      r.disabled || (i.value = !i.value, n("update:open", i.value));
     };
-    function y() {
-      u.value = !0, n("update:open", !0);
+    function M() {
+      i.value = !0, n("update:open", !0);
     }
     function j() {
-      u.value = !1, n("update:open", !1);
+      i.value = !1, n("update:open", !1);
     }
-    function p() {
-      var I, _;
-      if (!s.value)
+    function m() {
+      var w, I;
+      if (!a.value)
         return;
-      s.value.style.display = "flex", s.value.style.setProperty("max-height", "max-content");
-      const d = s.value.scrollHeight;
-      s.value.style.display = "none", s.value.style.removeProperty("max-height");
-      const g = document == null ? void 0 : document.querySelector(":root"), w = (I = g == null ? void 0 : g.style) == null ? void 0 : I.getPropertyValue(
+      a.value.style.display = "flex", a.value.style.setProperty("max-height", "max-content");
+      const o = a.value.scrollHeight;
+      a.value.style.display = "none", a.value.style.removeProperty("max-height");
+      const d = document == null ? void 0 : document.querySelector(":root"), g = (w = d == null ? void 0 : d.style) == null ? void 0 : w.getPropertyValue(
         "--dropdown-content-max-height"
       );
-      Number((_ = w == null ? void 0 : w.match(/\d+/)) == null ? void 0 : _.join("")) >= d || s.value && g && g.style.setProperty("--dropdown-content-max-height", `${d + 16}px`);
+      Number((I = g == null ? void 0 : g.match(/\d+/)) == null ? void 0 : I.join("")) >= o || a.value && d && d.style.setProperty("--dropdown-content-max-height", `${o + 16}px`);
     }
-    const o = {
-      mouseenter: l.value ? y : void 0,
-      focus: l.value ? y : void 0,
-      focusin: l.value ? y : void 0,
-      focusout: l.value ? j : void 0,
-      mouseleave: l.value ? j : void 0,
-      blur: l.value ? j : void 0
+    const p = {
+      mouseenter: u.value ? M : void 0,
+      focus: u.value ? M : void 0,
+      focusin: u.value ? M : void 0,
+      focusout: u.value ? j : void 0,
+      mouseleave: u.value ? j : void 0,
+      blur: u.value ? j : void 0
     };
     return Be(() => {
-      p();
-    }), (d, g) => Ce((m(), h("div", G({
+      m();
+    }), (o, d) => Ce((y(), h("div", F({
       ref_key: "dropdownRef",
-      ref: i,
+      ref: s,
       class: "pdap-dropdown",
       onKeydown: xe(j, ["escape"])
-    }, gt(o, !0)), [
-      V(L(We), {
-        "aria-controls": a,
-        "aria-expanded": u.value,
-        disabled: d.disabled,
+    }, gt(p, !0)), [
+      U(L(We), {
+        "aria-controls": o.dropdownId,
+        "aria-expanded": i.value,
+        disabled: o.disabled,
         "aria-haspopup": "true",
         intent: "tertiary",
         class: ee({
           "pdap-dropdown-trigger": !0,
-          "pointer-events-none": d.disabled,
-          "cursor-not-allowed": d.disabled
+          "pointer-events-none": o.disabled,
+          "cursor-not-allowed": o.disabled
         }),
         "data-test": "dropdown-trigger",
-        onClick: je(c, ["prevent", "stop"]),
-        onKeydown: xe(je(c, ["prevent", "stop"]), ["enter", "space"])
+        onClick: je(l, ["prevent", "stop"]),
+        onKeydown: xe(je(l, ["prevent", "stop"]), ["enter", "space"])
       }, {
         default: T(() => [
-          J(d.$slots, "trigger")
+          J(o.$slots, "trigger")
         ]),
         _: 3
-      }, 8, ["aria-expanded", "disabled", "class", "onClick", "onKeydown"]),
-      V(ye, {
+      }, 8, ["aria-controls", "aria-expanded", "disabled", "class", "onClick", "onKeydown"]),
+      U(ye, {
         name: "dropdown",
         appear: ""
       }, {
         default: T(() => [
           Ce(f("div", {
-            id: a,
+            id: o.dropdownId,
             ref_key: "contentRef",
-            ref: s,
-            "aria-hidden": !u.value,
+            ref: a,
+            "aria-hidden": !i.value,
             class: "pdap-dropdown-content",
             "data-test": "dropdown-content",
             role: "menu"
           }, [
-            J(d.$slots, "content")
+            J(o.$slots, "content")
           ], 8, kn), [
-            [pt, u.value]
+            [pt, i.value]
           ])
         ]),
         _: 3
@@ -1886,18 +1887,18 @@ const Qn = { "aria-label": "Breadcrumb" }, Rn = { key: 1 }, Un = {
     const t = mt(), r = v(() => Yn(t));
     return (n, a) => {
       const s = Ue("router-link");
-      return m(), h("nav", Qn, [
-        V(jt, {
+      return y(), h("nav", Qn, [
+        U(jt, {
           class: "pdap-breadcrumbs",
           name: "pdap-breadcrumbs",
           tag: "ul"
         }, {
           default: T(() => [
-            (m(!0), h(F, null, le(r.value, (i) => (m(), h("li", {
+            (y(!0), h(W, null, le(r.value, (i) => (y(), h("li", {
               key: i.text,
               class: ee({ "is-active": i.active })
             }, [
-              i.active ? (m(), h("span", Rn, z(i.text), 1)) : (m(), E(s, {
+              i.active ? (y(), h("span", Rn, z(i.text), 1)) : (y(), E(s, {
                 key: 0,
                 to: i.path
               }, {
@@ -1931,10 +1932,10 @@ const Ke = (e, t) => {
     show: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, r) => (m(), h("div", Bn, [
-      V(ye, { appear: "" }, {
+    return (t, r) => (y(), h("div", Bn, [
+      U(ye, { appear: "" }, {
         default: T(() => [
-          t.show ? (m(), h("svg", {
+          t.show ? (y(), h("svg", {
             key: 0,
             width: t.size,
             height: t.size,
@@ -1953,17 +1954,17 @@ const Ke = (e, t) => {
               stroke: t.color,
               fill: t.color
             }, null, 8, Gn)
-          ], 8, Wn)) : P("", !0)
+          ], 8, Wn)) : k("", !0)
         ]),
         _: 1
       }),
-      (m(), E(ye, {
+      (y(), E(ye, {
         key: t.text,
         appear: "",
         mode: "out-in"
       }, {
         default: T(() => [
-          t.text && t.show ? (m(), h("p", Zn, z(t.text), 1)) : P("", !0)
+          t.text && t.show ? (y(), h("p", Zn, z(t.text), 1)) : k("", !0)
         ]),
         _: 1
       }))