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

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

@@ -0,0 +1,160 @@
+import { defineComponent as g, createElementBlock as d, openBlock as h, Fragment as _, renderList as A, toDisplayString as y, createTextVNode as v, defineCustomElement as w } from "vue";
+const C = {
+  class: "pv-breadcrumbs",
+  role: "list",
+  "data-testid": "pv-breadcrumbs"
+}, P = ["href"], S = /* @__PURE__ */ g({
+  __name: "PvBreadcrumbs",
+  props: {
+    options: { type: Array }
+  },
+  setup(e) {
+    return (t, r) => (h(), d("ul", C, [
+      (h(!0), d(
+        _,
+        null,
+        A(e.options, (n) => (h(), d("li", {
+          key: n.label
+        }, [
+          n.href ? (h(), d("a", {
+            key: 0,
+            href: n.href
+          }, y(n.label), 9, P)) : (h(), d(
+            _,
+            { key: 1 },
+            [
+              v(
+                y(n.label),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]));
+  }
+}), I = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function j(e) {
+  return !I.has(e);
+}
+function b(e, t) {
+  const r = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (r && e.shadowRoot) {
+    const n = r.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const u = document.createElement("link");
+    return u.rel = "stylesheet", u.href = n, e.shadowRoot.prepend(u), !0;
+  }
+  return !1;
+}
+function k(e) {
+  if (!b(e, "pit-viper-v2")) {
+    if (b(e, "pit-viper")) {
+      b(e, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const O = (e) => ({ shadowRoot: j(e) });
+function N(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 $(e, t) {
+  const r = Number(t);
+  return isNaN(r) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), r;
+}
+function B(e) {
+  const t = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), p = (e.__vccOpts || e).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([f, s]) => {
+    s === Boolean || s && s.type === Boolean ? t.add(f) : s === Number || s && s.type === Number ? r.add(f) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && n.add(f);
+  }), { booleanProps: t, numberProps: r, jsonProps: n };
+}
+function E(e, t) {
+  try {
+    return JSON.parse(t);
+  } catch (r) {
+    return console.warn(
+      `Invalid JSON attribute value for "${e}": "${t}". Error: ${r instanceof Error ? r.message : String(r)}`
+    ), null;
+  }
+}
+function D(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const r = w(e, O(t)), { booleanProps: n, numberProps: u, jsonProps: p } = B(e);
+  class f extends r {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      n.forEach((o) => {
+        const i = this.getAttribute(o);
+        this[o] = N(o, i);
+      }), u.forEach((o) => {
+        const i = this.getAttribute(o);
+        i !== null && (this[o] = $(o, i));
+      }), p.forEach((o) => {
+        const i = this.getAttribute(o);
+        if (i !== null) {
+          const c = E(o, i);
+          c !== null && (this[o] = c);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const c = i.replace(/-([a-z])/g, (l) => l[1].toUpperCase());
+        let m = this.getAttribute(i);
+        if (m === null) {
+          const l = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          m = this.getAttribute(l);
+        }
+        if (m !== null && !this[c]) {
+          const l = E(c, m);
+          l !== null && (this[c] = l);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), k(this);
+      const a = this.getAttribute("name");
+      a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
+    }
+  }
+  return f;
+}
+function x(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function R(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const r = x(t), n = D(e);
+  customElements.get(r) || customElements.define(r, n);
+}
+R(S);

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

@@ -0,0 +1,242 @@
+import { ref as I, getCurrentInstance as A, defineComponent as _, computed as y, createElementBlock as m, openBlock as l, normalizeClass as S, createElementVNode as w, normalizeStyle as k, createBlock as b, Fragment as $, createCommentVNode as v, toDisplayString as B, defineCustomElement as z } from "vue";
+function O() {
+  const t = I(!1), n = A()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (t.value = !0), t;
+}
+const j = [void 0, 10, 12, 20, 24, 32, 64], x = ["xlink:href"], P = /* @__PURE__ */ _({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(t) {
+    const e = t, n = O(), s = I(null), r = y(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${e.size}`]: j.includes(e.size)
+    })), c = y(() => n.value && s.value ? `${s.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, o) => (l(), m(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: S(r.value)
+      },
+      [
+        w("use", { "xlink:href": c.value }, null, 8, x)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), T = /* @__PURE__ */ _({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(t) {
+    const e = {
+      xs: "0.75rem",
+      sm: "1rem",
+      md: "1.25rem",
+      lg: "1.5rem",
+      xl: "2rem"
+    }, n = {
+      primary: "pv-spinner",
+      dark: "pv-spinner-dark",
+      white: "pv-spinner-light"
+    };
+    return (s, r) => (l(), m(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: S(n[t.variant]),
+        style: k({ "--size": e[t.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), N = ["ghost"], C = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, L = (t) => t == null || !C.hasOwnProperty(t) ? null : C[t] || null, R = ["disabled"], D = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, V = /* @__PURE__ */ _({
+  __name: "PvButton",
+  props: {
+    variant: { default: "primary", type: String },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "lg", type: String },
+    loading: { type: Boolean, default: !1 },
+    label: { type: String },
+    leftIcon: { type: String },
+    rightIcon: { type: String },
+    inverse: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = t, n = y(() => {
+      const s = [];
+      e.inverse && N.includes(e.variant) ? s.push(`pv-button-${e.variant}-inverse`) : s.push(`pv-button-${e.variant}`);
+      const r = L(e.size);
+      return r && s.push(r), s;
+    });
+    return (s, r) => (l(), m("button", {
+      type: "button",
+      class: S(n.value),
+      disabled: t.disabled,
+      "data-testid": "pv-button"
+    }, [
+      t.loading ? (l(), b(T, {
+        key: 0,
+        size: "sm"
+      })) : (l(), m(
+        $,
+        { key: 1 },
+        [
+          t.leftIcon ? (l(), b(P, {
+            key: 0,
+            name: t.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : v("v-if", !0),
+          t.label ? (l(), m(
+            "span",
+            D,
+            B(t.label),
+            1
+            /* TEXT */
+          )) : v("v-if", !0),
+          t.rightIcon ? (l(), b(P, {
+            key: 2,
+            name: t.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : v("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, R));
+  }
+}), W = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function H(t) {
+  return !W.has(t);
+}
+function g(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const s = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${s}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = s, t.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function M(t) {
+  if (!g(t, "pit-viper-v2")) {
+    if (g(t, "pit-viper")) {
+      g(t, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const G = (t) => ({ shadowRoot: H(t) });
+function J(t, e) {
+  return e === null ? !1 : e === "" || e === "true" ? !0 : (e === "false" || console.warn(
+    `Invalid boolean attribute value for "${t}": "${e}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function q(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function U(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = (t.__vccOpts || t).props;
+  return c && typeof c == "object" && Object.entries(c).forEach(([d, o]) => {
+    o === Boolean || o && o.type === Boolean ? e.add(d) : o === Number || o && o.type === Number ? n.add(d) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(d);
+  }), { booleanProps: e, numberProps: n, jsonProps: s };
+}
+function E(t, e) {
+  try {
+    return JSON.parse(e);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${t}": "${e}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function Z(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = z(t, G(e)), { booleanProps: s, numberProps: r, jsonProps: c } = U(t);
+  class d extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(u) {
+      this._hiddenInput && (this._hiddenInput.value = u ?? "");
+    }
+    _parseAttributes() {
+      s.forEach((i) => {
+        const a = this.getAttribute(i);
+        this[i] = J(i, a);
+      }), r.forEach((i) => {
+        const a = this.getAttribute(i);
+        a !== null && (this[i] = q(i, a));
+      }), c.forEach((i) => {
+        const a = this.getAttribute(i);
+        if (a !== null) {
+          const p = E(i, a);
+          p !== null && (this[i] = p);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((a) => a.trim()).filter(Boolean).forEach((a) => {
+        const p = a.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
+        let h = this.getAttribute(a);
+        if (h === null) {
+          const f = p.replace(/([A-Z])/g, "-$1").toLowerCase();
+          h = this.getAttribute(f);
+        }
+        if (h !== null && !this[p]) {
+          const f = E(p, h);
+          f !== null && (this[p] = f);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), M(this);
+      const u = this.getAttribute("name");
+      u && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = u, this.after(this._hiddenInput));
+    }
+  }
+  return d;
+}
+function F(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function K(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = F(e), s = Z(t);
+  customElements.get(n) || customElements.define(n, s);
+}
+K(V);

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

@@ -0,0 +1,148 @@
+import { defineComponent as v, computed as m, createBlock as y, openBlock as _, resolveDynamicComponent as C, normalizeClass as E, withCtx as g, renderSlot as w, defineCustomElement as A } from "vue";
+const S = /* @__PURE__ */ v({
+  __name: "PvCard",
+  props: {
+    href: { type: String },
+    variant: { default: "primary", type: String },
+    interactive: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = t, n = m(() => e.href ? "a" : e.interactive ? "button" : "div"), i = m(() => e.href || e.interactive ? "button" : "div");
+    return (a, l) => (_(), y(C(n.value), {
+      href: t.href,
+      type: i.value,
+      class: E([
+        "pv-card pv-inset-square-8 pv-inline-block",
+        {
+          "pv-card-secondary": t.variant === "secondary"
+        }
+      ]),
+      "data-testid": "pv-card"
+    }, {
+      default: g(() => [
+        w(a.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["href", "type", "class"]));
+  }
+}), P = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function I(t) {
+  return !P.has(t);
+}
+function h(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const i = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = i, t.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function j(t) {
+  if (!h(t, "pit-viper-v2")) {
+    if (h(t, "pit-viper")) {
+      h(t, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const O = (t) => ({ shadowRoot: I(t) });
+function k(t, e) {
+  return e === null ? !1 : e === "" || e === "true" ? !0 : (e === "false" || console.warn(
+    `Invalid boolean attribute value for "${t}": "${e}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function $(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function N(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), l = (t.__vccOpts || t).props;
+  return l && typeof l == "object" && Object.entries(l).forEach(([f, r]) => {
+    r === Boolean || r && r.type === Boolean ? e.add(f) : r === Number || r && r.type === Number ? n.add(f) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && i.add(f);
+  }), { booleanProps: e, numberProps: n, jsonProps: i };
+}
+function b(t, e) {
+  try {
+    return JSON.parse(e);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${t}": "${e}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function B(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = A(t, O(e)), { booleanProps: i, numberProps: a, jsonProps: l } = N(t);
+  class f extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(c) {
+      this._hiddenInput && (this._hiddenInput.value = c ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((o) => {
+        const s = this.getAttribute(o);
+        this[o] = k(o, s);
+      }), a.forEach((o) => {
+        const s = this.getAttribute(o);
+        s !== null && (this[o] = $(o, s));
+      }), l.forEach((o) => {
+        const s = this.getAttribute(o);
+        if (s !== null) {
+          const u = b(o, s);
+          u !== null && (this[o] = u);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((s) => s.trim()).filter(Boolean).forEach((s) => {
+        const u = s.replace(/-([a-z])/g, (p) => p[1].toUpperCase());
+        let d = this.getAttribute(s);
+        if (d === null) {
+          const p = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(p);
+        }
+        if (d !== null && !this[u]) {
+          const p = b(u, d);
+          p !== null && (this[u] = p);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), j(this);
+      const c = this.getAttribute("name");
+      c && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = c, this.after(this._hiddenInput));
+    }
+  }
+  return f;
+}
+function D(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function R(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = D(e), i = B(t);
+  customElements.get(n) || customElements.define(n, i);
+}
+R(S);

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

@@ -0,0 +1,145 @@
+import { defineComponent as b, mergeModels as _, useModel as v, withDirectives as y, createElementBlock as E, openBlock as w, vModelCheckbox as C, defineCustomElement as g } from "vue";
+const A = ["disabled", "indeterminate"], P = /* @__PURE__ */ b({
+  __name: "PvCheckbox",
+  props: /* @__PURE__ */ _({
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = v(e, "modelValue");
+    return (n, o) => y((w(), E("input", {
+      ref: "checkbox-ref",
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+      class: "pv-checkbox",
+      type: "checkbox",
+      name: "checkbox",
+      disabled: e.disabled,
+      indeterminate: e.indeterminate
+    }, null, 8, A)), [
+      [C, t.value]
+    ]);
+  }
+}), k = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function S(e) {
+  return !k.has(e);
+}
+function h(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const o = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = o, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function I(e) {
+  if (!h(e, "pit-viper-v2")) {
+    if (h(e, "pit-viper")) {
+      h(e, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const j = (e) => ({ shadowRoot: S(e) });
+function O(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 x(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function B(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), d = (e.__vccOpts || e).props;
+  return d && typeof d == "object" && Object.entries(d).forEach(([p, r]) => {
+    r === Boolean || r && r.type === Boolean ? t.add(p) : r === Number || r && r.type === Number ? n.add(p) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && o.add(p);
+  }), { booleanProps: t, numberProps: n, jsonProps: o };
+}
+function m(e, t) {
+  try {
+    return JSON.parse(t);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${e}": "${t}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function $(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = g(e, j(t)), { booleanProps: o, numberProps: a, jsonProps: d } = B(e);
+  class p extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(c) {
+      this._hiddenInput && (this._hiddenInput.value = c ?? "");
+    }
+    _parseAttributes() {
+      o.forEach((s) => {
+        const i = this.getAttribute(s);
+        this[s] = O(s, i);
+      }), a.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = x(s, i));
+      }), d.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const u = m(s, i);
+          u !== null && (this[s] = u);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const u = i.replace(/-([a-z])/g, (l) => l[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const l = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(l);
+        }
+        if (f !== null && !this[u]) {
+          const l = m(u, f);
+          l !== null && (this[u] = l);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), I(this);
+      const c = this.getAttribute("name");
+      c && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = c, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function N(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function M(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = N(t), o = $(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+M(P);