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

package/pv-components/dist/web/components/pv-progress-bar/pv-progress-bar.js

@@ -0,0 +1,156 @@
+import { defineComponent as g, createElementBlock as m, openBlock as b, Fragment as y, createCommentVNode as v, createElementVNode as E, toDisplayString as w, normalizeStyle as C, defineCustomElement as A } from "vue";
+const P = {
+  key: 0,
+  class: "pv-text-brand pv-text-title-sm pv-stack-4"
+}, S = ["data-disabled"], I = /* @__PURE__ */ g({
+  __name: "PvProgressBar",
+  props: {
+    progress: { type: Number },
+    showLabel: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e;
+    return (n, i) => (b(), m(
+      y,
+      null,
+      [
+        t.showLabel ? (b(), m(
+          "p",
+          P,
+          w(t.progress) + "% Complete",
+          1
+          /* TEXT */
+        )) : v("v-if", !0),
+        E("div", {
+          class: "pv-progress-bar",
+          "data-disabled": t.disabled ? !0 : void 0,
+          style: C({
+            "--progress": `${t.progress}%`
+          })
+        }, null, 12, S)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+}), j = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function k(e) {
+  return !j.has(e);
+}
+function h(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const i = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const l = document.createElement("link");
+    return l.rel = "stylesheet", l.href = i, e.shadowRoot.prepend(l), !0;
+  }
+  return !1;
+}
+function N(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 O = (e) => ({ shadowRoot: k(e) });
+function $(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 B(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function x(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), p = (e.__vccOpts || e).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([d, r]) => {
+    r === Boolean || r && r.type === Boolean ? t.add(d) : r === Number || r && r.type === Number ? n.add(d) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && i.add(d);
+  }), { booleanProps: t, numberProps: n, jsonProps: i };
+}
+function _(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 D(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = A(e, O(t)), { booleanProps: i, numberProps: l, jsonProps: p } = x(e);
+  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(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((s) => {
+        const o = this.getAttribute(s);
+        this[s] = $(s, o);
+      }), l.forEach((s) => {
+        const o = this.getAttribute(s);
+        o !== null && (this[s] = B(s, o));
+      }), p.forEach((s) => {
+        const o = this.getAttribute(s);
+        if (o !== null) {
+          const c = _(s, o);
+          c !== null && (this[s] = c);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((o) => o.trim()).filter(Boolean).forEach((o) => {
+        const c = o.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let f = this.getAttribute(o);
+        if (f === null) {
+          const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(u);
+        }
+        if (f !== null && !this[c]) {
+          const u = _(c, f);
+          u !== null && (this[c] = u);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), N(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 d;
+}
+function L(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 n = L(t), i = D(e);
+  customElements.get(n) || customElements.define(n, i);
+}
+R(I);

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

@@ -0,0 +1,146 @@
+import { defineComponent as b, computed as v, createElementBlock as _, openBlock as g, normalizeStyle as y, createElementVNode as E, defineCustomElement as w } from "vue";
+const A = ["data-rating"], C = ["value"], P = /* @__PURE__ */ b({
+  __name: "PvRating",
+  props: {
+    variant: { default: "dot", type: null },
+    value: { type: Number },
+    size: { default: 20, type: null }
+  },
+  setup(t) {
+    const e = t, n = v(() => e.variant === "dot" ? "dot" : void 0);
+    return (i, a) => (g(), _("div", {
+      class: "pv-rating",
+      "data-testid": "pv-rating",
+      style: y({
+        "--height": `${t.size}px`
+      }),
+      "data-rating": n.value
+    }, [
+      E("meter", {
+        id: "rating",
+        min: "0",
+        max: "5",
+        value: t.value
+      }, "4.0 stars", 8, C)
+    ], 12, A));
+  }
+}), S = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function I(t) {
+  return !S.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 N(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 k(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), p = (t.__vccOpts || t).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([d, r]) => {
+    r === Boolean || r && r.type === Boolean ? e.add(d) : r === Number || r && r.type === Number ? n.add(d) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && i.add(d);
+  }), { booleanProps: e, numberProps: n, jsonProps: i };
+}
+function m(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 = w(t, O(e)), { booleanProps: i, numberProps: a, jsonProps: p } = k(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(c) {
+      this._hiddenInput && (this._hiddenInput.value = c ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((o) => {
+        const s = this.getAttribute(o);
+        this[o] = N(o, s);
+      }), a.forEach((o) => {
+        const s = this.getAttribute(o);
+        s !== null && (this[o] = $(o, s));
+      }), p.forEach((o) => {
+        const s = this.getAttribute(o);
+        if (s !== null) {
+          const u = m(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, (l) => l[1].toUpperCase());
+        let f = this.getAttribute(s);
+        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?.(), 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 d;
+}
+function R(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function x(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = R(e), i = B(t);
+  customElements.get(n) || customElements.define(n, i);
+}
+x(P);

package/pv-components/dist/web/components/pv-release-badge/pv-release-badge.js

@@ -0,0 +1,142 @@
+import { defineComponent as v, computed as m, createElementBlock as _, openBlock as g, normalizeClass as y, toDisplayString as E, defineCustomElement as A } from "vue";
+const w = /* @__PURE__ */ v({
+  __name: "PvReleaseBadge",
+  props: {
+    variant: { type: String },
+    inverse: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, n = m(() => t.variant == "release-alpha" ? "ALPHA" : t.variant == "release-beta" ? "BETA" : ""), i = m(() => t.inverse ? "pv-tag-inverse" : {
+      "pv-tag-yellow": t.variant == "release-alpha",
+      "pv-tag-purple": t.variant == "release-beta"
+    });
+    return (a, l) => (g(), _(
+      "div",
+      {
+        class: y(i.value)
+      },
+      E(n.value),
+      3
+      /* TEXT, CLASS */
+    ));
+  }
+}), C = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function P(e) {
+  return !C.has(e);
+}
+function h(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const i = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = i, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function S(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 I = (e) => ({ shadowRoot: P(e) });
+function j(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 O(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function k(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), l = (e.__vccOpts || e).props;
+  return l && typeof l == "object" && Object.entries(l).forEach(([f, r]) => {
+    r === Boolean || r && r.type === Boolean ? t.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: t, numberProps: n, jsonProps: i };
+}
+function b(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 B(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = A(e, I(t)), { booleanProps: i, numberProps: a, jsonProps: l } = k(e);
+  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((s) => {
+        const o = this.getAttribute(s);
+        this[s] = j(s, o);
+      }), a.forEach((s) => {
+        const o = this.getAttribute(s);
+        o !== null && (this[s] = O(s, o));
+      }), l.forEach((s) => {
+        const o = this.getAttribute(s);
+        if (o !== null) {
+          const u = b(s, o);
+          u !== null && (this[s] = u);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((o) => o.trim()).filter(Boolean).forEach((o) => {
+        const u = o.replace(/-([a-z])/g, (p) => p[1].toUpperCase());
+        let d = this.getAttribute(o);
+        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?.(), S(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 $(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function N(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = $(t), i = B(e);
+  customElements.get(n) || customElements.define(n, i);
+}
+N(w);

package/pv-components/dist/web/components/pv-search-input/pv-search-input.js

@@ -0,0 +1,238 @@
+import { watch as w, getCurrentScope as P, onScopeDispose as _, computed as C, toValue as h, unref as I, defineComponent as j, mergeModels as O, useTemplateRef as k, useModel as M, onMounted as N, createElementBlock as v, openBlock as y, withDirectives as T, createCommentVNode as $, createElementVNode as D, normalizeClass as B, vModelText as x, toDisplayString as L, defineCustomElement as V } from "vue";
+function R(e) {
+  return P() ? (_(e), !0) : !1;
+}
+const W = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const H = Object.prototype.toString, G = (e) => H.call(e) === "[object Object]";
+function m(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function U(e, t, o) {
+  return w(
+    e,
+    t,
+    {
+      ...o,
+      immediate: !0
+    }
+  );
+}
+const A = W ? window : void 0;
+function q(e) {
+  var t;
+  const o = h(e);
+  return (t = o?.$el) != null ? t : o;
+}
+function J(...e) {
+  const t = [], o = () => {
+    t.forEach((n) => n()), t.length = 0;
+  }, u = (n, r, s, i) => (n.addEventListener(r, s, i), () => n.removeEventListener(r, s, i)), l = C(() => {
+    const n = m(h(e[0])).filter((r) => r != null);
+    return n.every((r) => typeof r != "string") ? n : void 0;
+  }), a = U(
+    () => {
+      var n, r;
+      return [
+        (r = (n = l.value) == null ? void 0 : n.map((s) => q(s))) != null ? r : [A].filter((s) => s != null),
+        m(h(l.value ? e[1] : e[0])),
+        m(I(l.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        h(l.value ? e[3] : e[2])
+      ];
+    },
+    ([n, r, s, i]) => {
+      if (o(), !n?.length || !r?.length || !s?.length)
+        return;
+      const d = G(i) ? { ...i } : i;
+      t.push(
+        ...n.flatMap(
+          (f) => r.flatMap(
+            (p) => s.map((g) => u(f, p, g, d))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), c = () => {
+    a(), o();
+  };
+  return R(o), c;
+}
+function K(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
+}
+function z(...e) {
+  let t, o, u = {};
+  e.length === 3 ? (t = e[0], o = e[1], u = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, o = e[0], u = e[1]) : (t = e[0], o = e[1]) : (t = !0, o = e[0]);
+  const {
+    target: l = A,
+    eventName: a = "keydown",
+    passive: c = !1,
+    dedupe: n = !1
+  } = u, r = K(t);
+  return J(l, a, (i) => {
+    i.repeat && h(n) || r(i) && o(i);
+  }, c);
+}
+const Z = { class: "pv-relative" }, Q = ["disabled", "placeholder"], X = {
+  key: 0,
+  "data-testid": "pv-search-input-shortcut",
+  class: "pv-kbd"
+}, E = "/", Y = /* @__PURE__ */ j({
+  __name: "PvSearchInput",
+  props: /* @__PURE__ */ O({
+    placeholder: { default: "Search", type: String },
+    disabled: { type: Boolean, default: !1 },
+    displayShortcut: { type: Boolean }
+  }, {
+    modelValue: { required: !1, default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: t }) {
+    const o = e, u = k("search-input"), l = M(e, "modelValue"), a = C(() => ({
+      "pv-input-search": !0,
+      "pv-full-width": !0,
+      "pv-input-padded-end": !0
+    }));
+    return N(() => {
+      o.displayShortcut && z(E, (c) => {
+        const n = c.target, r = n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || (n?.isContentEditable ?? !1), s = document.activeElement === u.value;
+        (!r || s) && (s || (c.preventDefault(), u.value?.focus()));
+      });
+    }), t({ input: u }), (c, n) => (y(), v("div", Z, [
+      T(D("input", {
+        ref: "search-input",
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => l.value = r),
+        "data-testid": "pv-search-input",
+        type: "text",
+        disabled: e.disabled,
+        class: B(a.value),
+        placeholder: e.placeholder
+      }, null, 10, Q), [
+        [x, l.value]
+      ]),
+      e.displayShortcut ? (y(), v("kbd", X, L(E))) : $("v-if", !0)
+    ]));
+  }
+}), F = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function ee(e) {
+  return !F.has(e);
+}
+function b(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const u = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${u}"]`))
+      return;
+    const l = document.createElement("link");
+    return l.rel = "stylesheet", l.href = u, e.shadowRoot.prepend(l), !0;
+  }
+  return !1;
+}
+function te(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 ne = (e) => ({ shadowRoot: ee(e) });
+function oe(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 re(e, t) {
+  const o = Number(t);
+  return isNaN(o) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), o;
+}
+function se(e) {
+  const t = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), a = (e.__vccOpts || e).props;
+  return a && typeof a == "object" && Object.entries(a).forEach(([c, n]) => {
+    n === Boolean || n && n.type === Boolean ? t.add(c) : n === Number || n && n.type === Number ? o.add(c) : (n === Object || n === Array || n && (n.type === Object || n.type === Array)) && u.add(c);
+  }), { booleanProps: t, numberProps: o, jsonProps: u };
+}
+function S(e, t) {
+  try {
+    return JSON.parse(t);
+  } catch (o) {
+    return console.warn(
+      `Invalid JSON attribute value for "${e}": "${t}". Error: ${o instanceof Error ? o.message : String(o)}`
+    ), null;
+  }
+}
+function ie(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = V(e, ne(t)), { booleanProps: u, numberProps: l, jsonProps: a } = se(e);
+  class c extends o {
+    _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(r) {
+      this._hiddenInput && (this._hiddenInput.value = r ?? "");
+    }
+    _parseAttributes() {
+      u.forEach((s) => {
+        const i = this.getAttribute(s);
+        this[s] = oe(s, i);
+      }), l.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = re(s, i));
+      }), a.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const d = S(s, i);
+          d !== null && (this[s] = d);
+        }
+      });
+      const r = this.getAttribute("data-json-props");
+      r && r.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const d = i.replace(/-([a-z])/g, (p) => p[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const p = d.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(p);
+        }
+        if (f !== null && !this[d]) {
+          const p = S(d, f);
+          p !== null && (this[d] = p);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), te(this);
+      const r = this.getAttribute("name");
+      r && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = r, this.after(this._hiddenInput));
+    }
+  }
+  return c;
+}
+function ue(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function le(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = ue(t), u = ie(e);
+  customElements.get(o) || customElements.define(o, u);
+}
+le(Y);