@turquoisehealth/pit-viper 2.122.1-dev.0 → 2.123.0

package/pv-components/dist/web/components/pv-drawer/pv-drawer.js

@@ -31,71 +31,71 @@ function k(e) {
 }
 function I(...e) {
   const t = [], n = () => {
-    t.forEach((o) => o()), t.length = 0;
-  }, s = (o, r, i, u) => (o.addEventListener(r, i, u), () => o.removeEventListener(r, i, u)), l = _(() => {
-    const o = B(S(e[0])).filter((r) => r != null);
-    return o.every((r) => typeof r != "string") ? o : void 0;
-  }), p = fe(
+    t.forEach((s) => s()), t.length = 0;
+  }, r = (s, o, l, u) => (s.addEventListener(o, l, u), () => s.removeEventListener(o, l, u)), i = _(() => {
+    const s = B(S(e[0])).filter((o) => o != null);
+    return s.every((o) => typeof o != "string") ? s : void 0;
+  }), c = fe(
     () => {
-      var o, r;
+      var s, o;
       return [
-        (r = (o = l.value) == null ? void 0 : o.map((i) => k(i))) != null ? r : [z].filter((i) => i != null),
-        B(S(l.value ? e[1] : e[0])),
-        B(te(l.value ? e[2] : e[1])),
+        (o = (s = i.value) == null ? void 0 : s.map((l) => k(l))) != null ? o : [z].filter((l) => l != null),
+        B(S(i.value ? e[1] : e[0])),
+        B(te(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        S(l.value ? e[3] : e[2])
+        S(i.value ? e[3] : e[2])
       ];
     },
-    ([o, r, i, u]) => {
-      if (n(), !o?.length || !r?.length || !i?.length)
+    ([s, o, l, u]) => {
+      if (n(), !s?.length || !o?.length || !l?.length)
         return;
       const h = ce(u) ? { ...u } : u;
       t.push(
-        ...o.flatMap(
-          (g) => r.flatMap(
-            (v) => i.map(($) => s(g, v, $, h))
+        ...s.flatMap(
+          (g) => o.flatMap(
+            (v) => l.map(($) => r(g, v, $, h))
           )
         )
       );
     },
     { flush: "post" }
-  ), c = () => {
-    p(), n();
+  ), d = () => {
+    c(), n();
   };
-  return ae(n), c;
+  return ae(n), d;
 }
 let R = !1;
 function he(e, t, n = {}) {
-  const { window: s = z, ignore: l = [], capture: p = !0, detectIframe: c = !1, controls: o = !1 } = n;
-  if (!s)
-    return o ? { stop: P, cancel: P, trigger: P } : P;
+  const { window: r = z, ignore: i = [], capture: c = !0, detectIframe: d = !1, controls: s = !1 } = n;
+  if (!r)
+    return s ? { stop: P, cancel: P, trigger: P } : P;
   if (de && !R) {
     R = !0;
     const a = { passive: !0 };
-    Array.from(s.document.body.children).forEach((d) => d.addEventListener("click", P, a)), s.document.documentElement.addEventListener("click", P, a);
+    Array.from(r.document.body.children).forEach((p) => p.addEventListener("click", P, a)), r.document.documentElement.addEventListener("click", P, a);
   }
-  let r = !0;
-  const i = (a) => S(l).some((d) => {
-    if (typeof d == "string")
-      return Array.from(s.document.querySelectorAll(d)).some((m) => m === a.target || a.composedPath().includes(m));
+  let o = !0;
+  const l = (a) => S(i).some((p) => {
+    if (typeof p == "string")
+      return Array.from(r.document.querySelectorAll(p)).some((m) => m === a.target || a.composedPath().includes(m));
     {
-      const m = k(d);
+      const m = k(p);
       return m && (a.target === m || a.composedPath().includes(m));
     }
   });
   function u(a) {
-    const d = S(a);
-    return d && d.$.subTree.shapeFlag === 16;
+    const p = S(a);
+    return p && p.$.subTree.shapeFlag === 16;
   }
-  function h(a, d) {
+  function h(a, p) {
     const m = S(a), O = m.$.subTree && m.$.subTree.children;
-    return O == null || !Array.isArray(O) ? !1 : O.some((N) => N.el === d.target || d.composedPath().includes(N.el));
+    return O == null || !Array.isArray(O) ? !1 : O.some((N) => N.el === p.target || p.composedPath().includes(N.el));
   }
   const g = (a) => {
-    const d = k(e);
-    if (a.target != null && !(!(d instanceof Element) && u(e) && h(e, a)) && !(!d || d === a.target || a.composedPath().includes(d))) {
-      if ("detail" in a && a.detail === 0 && (r = !i(a)), !r) {
-        r = !0;
+    const p = k(e);
+    if (a.target != null && !(!(p instanceof Element) && u(e) && h(e, a)) && !(!p || p === a.target || a.composedPath().includes(p))) {
+      if ("detail" in a && a.detail === 0 && (o = !l(a)), !o) {
+        o = !0;
         return;
       }
       t(a);
@@ -103,30 +103,30 @@ function he(e, t, n = {}) {
   };
   let v = !1;
   const $ = [
-    I(s, "click", (a) => {
+    I(r, "click", (a) => {
       v || (v = !0, setTimeout(() => {
         v = !1;
       }, 0), g(a));
-    }, { passive: !0, capture: p }),
-    I(s, "pointerdown", (a) => {
-      const d = k(e);
-      r = !i(a) && !!(d && !a.composedPath().includes(d));
+    }, { passive: !0, capture: c }),
+    I(r, "pointerdown", (a) => {
+      const p = k(e);
+      o = !l(a) && !!(p && !a.composedPath().includes(p));
     }, { passive: !0 }),
-    c && I(s, "blur", (a) => {
+    d && I(r, "blur", (a) => {
       setTimeout(() => {
-        var d;
+        var p;
         const m = k(e);
-        ((d = s.document.activeElement) == null ? void 0 : d.tagName) === "IFRAME" && !m?.contains(s.document.activeElement) && t(a);
+        ((p = r.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !m?.contains(r.document.activeElement) && t(a);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), L = () => $.forEach((a) => a());
-  return o ? {
+  return s ? {
     stop: L,
     cancel: () => {
-      r = !1;
+      o = !1;
     },
     trigger: (a) => {
-      r = !0, g(a), r = !1;
+      o = !0, g(a), o = !1;
     }
   } : L;
 }
@@ -134,17 +134,17 @@ function ve(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 }
 function X(...e) {
-  let t, n, s = {};
-  e.length === 3 ? (t = e[0], n = e[1], s = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], s = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
+  let t, n, r = {};
+  e.length === 3 ? (t = e[0], n = e[1], r = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], r = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
   const {
-    target: l = z,
-    eventName: p = "keydown",
-    passive: c = !1,
-    dedupe: o = !1
-  } = s, r = ve(t);
-  return I(l, p, (u) => {
-    u.repeat && S(o) || r(u) && n(u);
-  }, c);
+    target: i = z,
+    eventName: c = "keydown",
+    passive: d = !1,
+    dedupe: s = !1
+  } = r, o = ve(t);
+  return I(i, c, (u) => {
+    u.repeat && S(s) || o(u) && n(u);
+  }, d);
 }
 const me = { class: "pv-relative" }, be = ["disabled", "placeholder"], ye = {
   key: 0,
@@ -162,27 +162,27 @@ const me = { class: "pv-relative" }, be = ["disabled", "placeholder"], ye = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = e, s = J("search-input"), l = V(e, "modelValue"), p = _(() => ({
+    const n = e, r = J("search-input"), i = V(e, "modelValue"), c = _(() => ({
       "pv-input-search": !0,
       "pv-full-width": !0,
       "pv-input-padded-end": !0
     }));
     return K(() => {
-      n.displayShortcut && X(W, (c) => {
-        const o = c.target, r = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || (o?.isContentEditable ?? !1), i = document.activeElement === s.value;
-        (!r || i) && (i || (c.preventDefault(), s.value?.focus()));
+      n.displayShortcut && X(W, (d) => {
+        const s = d.target, o = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || (s?.isContentEditable ?? !1), l = document.activeElement === r.value;
+        (!o || l) && (l || (d.preventDefault(), r.value?.focus()));
       });
-    }), t({ input: s }), (c, o) => (f(), b("div", me, [
+    }), t({ input: r }), (d, s) => (f(), b("div", me, [
       ne(w("input", {
         ref: "search-input",
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
+        "onUpdate:modelValue": s[0] || (s[0] = (o) => i.value = o),
         "data-testid": "pv-search-input",
         type: "text",
         disabled: e.disabled,
-        class: A(p.value),
+        class: A(c.value),
         placeholder: e.placeholder
       }, null, 10, be), [
-        [se, l.value]
+        [se, i.value]
       ]),
       e.displayShortcut ? (f(), b("kbd", ye, C(W))) : y("v-if", !0)
     ]));
@@ -199,19 +199,19 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
     size: { type: null }
   },
   setup(e) {
-    const t = e, n = Se(), s = F(null), l = _(() => ({
+    const t = e, n = Se(), r = F(null), i = _(() => ({
       "pv-icon": !0,
       [`pv-icon-${t.size}`]: we.includes(t.size)
-    })), p = _(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (c, o) => (f(), b(
+    })), c = _(() => n.value && r.value ? `${r.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (r.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, s) => (f(), b(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: A(l.value)
+        class: A(i.value)
       },
       [
-        w("use", { "xlink:href": p.value }, null, 8, Pe)
+        w("use", { "xlink:href": c.value }, null, 8, Pe)
       ],
       2
       /* CLASS */
@@ -235,7 +235,7 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
       dark: "pv-spinner-dark",
       white: "pv-spinner-light"
     };
-    return (s, l) => (f(), b(
+    return (r, i) => (f(), b(
       "div",
       {
         "data-testid": "pv-spinner",
@@ -247,14 +247,14 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
       /* CLASS, STYLE */
     ));
   }
-}), _e = ["ghost"], q = {
+}), q = {
   md: "pv-button-small",
   lg: void 0,
   xl: "pv-button-large"
-}, Ee = (e) => e == null || !q.hasOwnProperty(e) ? null : q[e] || null, Ie = ["disabled"], Ce = {
+}, _e = (e) => e == null || !q.hasOwnProperty(e) ? null : q[e] || null, Ee = ["disabled"], Ie = {
   key: 1,
   "data-testid": "pv-button-label"
-}, Ae = /* @__PURE__ */ E({
+}, Ce = /* @__PURE__ */ E({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -267,15 +267,15 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
     inverse: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = _(() => {
-      const s = [];
-      t.inverse && _e.includes(t.variant) ? s.push(`pv-button-${t.variant}-inverse`) : s.push(`pv-button-${t.variant}`);
-      const l = Ee(t.size);
-      return l && s.push(l), s;
+    const t = ["ghost"], n = e, r = _(() => {
+      const i = [];
+      n.inverse && t.includes(n.variant) ? i.push(`pv-button-${n.variant}-inverse`) : i.push(`pv-button-${n.variant}`);
+      const c = _e(n.size);
+      return c && i.push(c), i;
     });
-    return (s, l) => (f(), b("button", {
+    return (i, c) => (f(), b("button", {
       type: "button",
-      class: A(n.value),
+      class: A(r.value),
       disabled: e.disabled,
       "data-testid": "pv-button"
     }, [
@@ -293,7 +293,7 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
           }, null, 8, ["name"])) : y("v-if", !0),
           e.label ? (f(), b(
             "span",
-            Ce,
+            Ie,
             C(e.label),
             1
             /* TEXT */
@@ -307,28 +307,28 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, Ie));
+    ], 10, Ee));
   }
-}), $e = {
+}), Ae = {
   class: "pv-inset-squish-12 pv-border-bottom",
   style: { "flex-shrink": "0" }
-}, Oe = {
+}, $e = {
   class: "pv-flex-vertical pv-stack-16",
   style: { "--flex-align": "flex-start" }
-}, Te = { class: "pv-flex pv-full-width" }, xe = { class: "pv-full-width pv-heading-3" }, Be = {
+}, Oe = { class: "pv-flex pv-full-width" }, Te = { class: "pv-full-width pv-heading-3" }, xe = {
   key: 0,
   class: "pv-text-body-md"
-}, Me = {
+}, Be = {
   key: 0,
   class: "pv-inset-inline-16"
-}, je = {
+}, Me = {
   class: "pv-inset-inline-16",
   style: { flex: "1", "overflow-y": "auto", "min-height": "0" }
-}, Ve = {
+}, je = {
   key: 0,
   class: "pv-inset-squish-12 pv-border-top",
   style: { "flex-shrink": "0" }
-}, ze = /* @__PURE__ */ E({
+}, Ve = /* @__PURE__ */ E({
   __name: "PvDrawer",
   props: /* @__PURE__ */ j({
     header: { type: String },
@@ -346,74 +346,74 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
   }),
   emits: /* @__PURE__ */ j(["click-outside"], ["update:searchInput", "update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, s = t, l = J("sidePanel"), p = V(e, "searchInput"), c = V(e, "modelValue");
+    const n = e, r = t, i = J("sidePanel"), c = V(e, "searchInput"), d = V(e, "modelValue");
     K(() => {
-      c.value && l?.value?.setAttribute("open", "true"), n.closeOnClickOutside && o();
+      d.value && i?.value?.setAttribute("open", "true"), n.closeOnClickOutside && s();
     });
-    const o = () => {
-      l.value && he(
-        l.value,
+    const s = () => {
+      i.value && he(
+        i.value,
         () => {
-          c.value && (s("click-outside"), r());
+          d.value && (r("click-outside"), o());
         },
         { ignore: [".pv-click-outside-ignore"] }
       );
-    }, r = () => {
-      l?.value?.removeAttribute("open"), c.value = !1;
+    }, o = () => {
+      i?.value?.removeAttribute("open"), d.value = !1;
     };
     return U(
-      () => c.value,
+      () => d.value,
       () => {
-        c.value ? l?.value?.setAttribute("open", "true") : l?.value?.removeAttribute("open");
+        d.value ? i?.value?.setAttribute("open", "true") : i?.value?.removeAttribute("open");
       }
     ), X("Escape", () => {
-      l.value && c.value && r();
-    }), (i, u) => (f(), b(
+      i.value && d.value && o();
+    }), (l, u) => (f(), b(
       "div",
       {
         class: "pv-drawer pv-surface",
         ref_key: "sidePanel",
-        ref: l,
+        ref: i,
         "data-testid": "pv-drawer",
         style: { display: "flex", "flex-direction": "column", height: "100%" }
       },
       [
         y(" Header Section (Fixed) "),
-        w("div", $e, [
-          i.$slots.header ? x(i.$slots, "header", { key: 0 }) : (f(), b(
+        w("div", Ae, [
+          l.$slots.header ? x(l.$slots, "header", { key: 0 }) : (f(), b(
             Z,
             { key: 1 },
             [
-              w("div", Oe, [
-                w("div", Te, [
+              w("div", $e, [
+                w("div", Oe, [
                   w(
                     "span",
-                    xe,
+                    Te,
                     C(e.header),
                     1
                     /* TEXT */
                   ),
-                  D(Ae, {
+                  D(Ce, {
                     "left-icon": "close",
                     size: "md",
-                    onClick: r,
+                    onClick: o,
                     "data-testid": "pv-side-panel-close-button",
                     variant: "ghost"
                   })
                 ]),
                 e.subheader ? (f(), b(
                   "span",
-                  Be,
+                  xe,
                   C(e.subheader),
                   1
                   /* TEXT */
                 )) : y("v-if", !0)
               ]),
-              e.showSearchbar && p.value !== void 0 ? (f(), b("div", Me, [
+              e.showSearchbar && c.value !== void 0 ? (f(), b("div", Be, [
                 D(ge, ie({
                   "data-testid": "pv-side-panel-input-search",
-                  modelValue: p.value,
-                  "onUpdate:modelValue": u[0] || (u[0] = (h) => p.value = h)
+                  modelValue: c.value,
+                  "onUpdate:modelValue": u[0] || (u[0] = (h) => c.value = h)
                 }, n.searchInputProps), null, 16, ["modelValue"])
               ])) : y("v-if", !0)
             ],
@@ -422,36 +422,36 @@ const we = [void 0, 10, 12, 20, 24, 32, 64], Pe = ["xlink:href"], H = /* @__PURE
           ))
         ]),
         y(" Main Content Section (Scrollable) "),
-        w("div", je, [
-          x(i.$slots, "default")
+        w("div", Me, [
+          x(l.$slots, "default")
         ]),
         y(" Footer Section (Fixed) "),
-        i.$slots.footer ? (f(), b("div", Ve, [
-          x(i.$slots, "footer")
+        l.$slots.footer ? (f(), b("div", je, [
+          x(l.$slots, "footer")
         ])) : y("v-if", !0)
       ],
       512
       /* NEED_PATCH */
     ));
   }
-}), Le = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
-function Ne(e) {
-  return !Le.has(e);
+}), ze = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function Le(e) {
+  return !ze.has(e);
 }
 function M(e, t) {
   const n = document.querySelector('link[href*="' + t + '"]');
   if (!e.shadowRoot)
     return !1;
   if (n && e.shadowRoot) {
-    const s = n.href;
-    if (e.shadowRoot.querySelector(`link[href="${s}"]`))
+    const r = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${r}"]`))
       return;
-    const l = document.createElement("link");
-    return l.rel = "stylesheet", l.href = s, e.shadowRoot.prepend(l), !0;
+    const i = document.createElement("link");
+    return i.rel = "stylesheet", i.href = r, e.shadowRoot.prepend(i), !0;
   }
   return !1;
 }
-function De(e) {
+function Ne(e) {
   if (!M(e, "pit-viper-v2")) {
     if (M(e, "pit-viper")) {
       M(e, "pit-viper-v2-scoped");
@@ -462,21 +462,21 @@ function De(e) {
     );
   }
 }
-const Re = (e) => ({ shadowRoot: Ne(e) });
-function We(e, t) {
+const De = (e) => ({ shadowRoot: Le(e) });
+function Re(e, t) {
   return t === null ? !1 : t === "" || t === "true" ? !0 : (t === "false" || console.warn(
     `Invalid boolean attribute value for "${e}": "${t}". Expected "true", "false", or empty string.`
   ), !1);
 }
-function He(e, t) {
+function We(e, t) {
   const n = Number(t);
   return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
 }
-function qe(e) {
-  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), p = (e.__vccOpts || e).props;
-  return p && typeof p == "object" && Object.entries(p).forEach(([c, o]) => {
-    o === Boolean || o && o.type === Boolean ? t.add(c) : o === Number || o && o.type === Number ? n.add(c) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(c);
-  }), { booleanProps: t, numberProps: n, jsonProps: s };
+function He(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), c = (e.__vccOpts || e).props;
+  return c && typeof c == "object" && Object.entries(c).forEach(([d, s]) => {
+    s === Boolean || s && s.type === Boolean ? t.add(d) : s === Number || s && s.type === Number ? n.add(d) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && r.add(d);
+  }), { booleanProps: t, numberProps: n, jsonProps: r };
 }
 function G(e, t) {
   try {
@@ -487,12 +487,12 @@ function G(e, t) {
     ), null;
   }
 }
-function Ge(e) {
+function qe(e) {
   const t = e.__name || e.name;
   if (!t)
     throw new Error("Component must have a __name or name property");
-  const n = le(e, Re(t)), { booleanProps: s, numberProps: l, jsonProps: p } = qe(e);
-  class c extends n {
+  const n = le(e, De(t)), { booleanProps: r, numberProps: i, jsonProps: c } = He(e);
+  class d extends n {
     _hiddenInput = null;
     constructor() {
       super(), this._parseAttributes();
@@ -504,25 +504,25 @@ function Ge(e) {
      * Update the hidden input value
      * Call this from the Vue component to sync form value
      */
-    setHiddenInputValue(r) {
-      this._hiddenInput && (this._hiddenInput.value = r ?? "");
+    setHiddenInputValue(o) {
+      this._hiddenInput && (this._hiddenInput.value = o ?? "");
     }
     _parseAttributes() {
-      s.forEach((i) => {
-        const u = this.getAttribute(i);
-        this[i] = We(i, u);
-      }), l.forEach((i) => {
-        const u = this.getAttribute(i);
-        u !== null && (this[i] = He(i, u));
-      }), p.forEach((i) => {
-        const u = this.getAttribute(i);
+      r.forEach((l) => {
+        const u = this.getAttribute(l);
+        this[l] = Re(l, u);
+      }), i.forEach((l) => {
+        const u = this.getAttribute(l);
+        u !== null && (this[l] = We(l, u));
+      }), c.forEach((l) => {
+        const u = this.getAttribute(l);
         if (u !== null) {
-          const h = G(i, u);
-          h !== null && (this[i] = h);
+          const h = G(l, u);
+          h !== null && (this[l] = h);
         }
       });
-      const r = this.getAttribute("data-json-props");
-      r && r.split(",").map((u) => u.trim()).filter(Boolean).forEach((u) => {
+      const o = this.getAttribute("data-json-props");
+      o && o.split(",").map((u) => u.trim()).filter(Boolean).forEach((u) => {
         const h = u.replace(/-([a-z])/g, (v) => v[1].toUpperCase());
         let g = this.getAttribute(u);
         if (g === null) {
@@ -536,21 +536,21 @@ function Ge(e) {
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), De(this);
-      const r = this.getAttribute("name");
-      r && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = r, this.after(this._hiddenInput));
+      this._parseAttributes(), super.connectedCallback?.(), Ne(this);
+      const o = this.getAttribute("name");
+      o && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = o, this.after(this._hiddenInput));
     }
   }
-  return c;
+  return d;
 }
-function Ue(e) {
+function Ge(e) {
   return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function Je(e) {
+function Ue(e) {
   const t = e.__name || e.name;
   if (!t)
     throw new Error("Component must have a __name or name property");
-  const n = Ue(t), s = Ge(e);
-  customElements.get(n) || customElements.define(n, s);
+  const n = Ge(t), r = qe(e);
+  customElements.get(n) || customElements.define(n, r);
 }
-Je(ze);
+Ue(Ve);