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

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

@@ -0,0 +1,151 @@
+import { defineComponent as b, createElementBlock as _, openBlock as v, normalizeStyle as y, normalizeClass as g, defineCustomElement as E } from "vue";
+const w = /* @__PURE__ */ b({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(e) {
+    const t = {
+      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 (i, a) => (v(), _(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: g(n[e.variant]),
+        style: y({ "--size": t[e.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), C = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function S(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 A(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 P = (e) => ({ shadowRoot: S(e) });
+function I(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 j(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(), p = (e.__vccOpts || e).props;
+  return p && typeof p == "object" && Object.entries(p).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 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 O(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = E(e, P(t)), { booleanProps: i, numberProps: a, jsonProps: p } = 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] = I(s, o);
+      }), a.forEach((s) => {
+        const o = this.getAttribute(s);
+        o !== null && (this[s] = j(s, o));
+      }), p.forEach((s) => {
+        const o = this.getAttribute(s);
+        if (o !== null) {
+          const u = m(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, (l) => l[1].toUpperCase());
+        let d = this.getAttribute(o);
+        if (d === null) {
+          const l = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(l);
+        }
+        if (d !== null && !this[u]) {
+          const l = m(u, d);
+          l !== null && (this[u] = l);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), A(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 = O(e);
+  customElements.get(n) || customElements.define(n, i);
+}
+N(w);

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

@@ -0,0 +1,150 @@
+import { defineComponent as b, onMounted as v, createBlock as _, openBlock as g, Teleport as y, createElementVNode as E, defineCustomElement as w } from "vue";
+const A = /* @__PURE__ */ b({
+  __name: "PvSprite",
+  props: {
+    src: { type: String },
+    variant: { default: "v2", type: String }
+  },
+  setup(t) {
+    const e = t;
+    return v(async () => {
+      const n = e.variant === "v1" ? "sprite-v1.svg" : "sprite-v2.svg", r = e.src + n;
+      try {
+        const u = await (await fetch(r)).text(), a = document.getElementById("pv-sprite-content");
+        a && (a.innerHTML = u, a.hidden = !1);
+      } catch (c) {
+        console.error("Failed to load SVG:", c);
+      }
+    }), (n, r) => (g(), _(y, { to: "body" }, [
+      r[0] || (r[0] = E(
+        "div",
+        {
+          hidden: "",
+          id: "pv-sprite-content"
+        },
+        null,
+        -1
+        /* CACHED */
+      ))
+    ]));
+  }
+}), S = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function C(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 r = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const c = document.createElement("link");
+    return c.rel = "stylesheet", c.href = r, t.shadowRoot.prepend(c), !0;
+  }
+  return !1;
+}
+function P(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 I = (t) => ({ shadowRoot: C(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 O(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(), r = /* @__PURE__ */ new Set(), u = (t.__vccOpts || t).props;
+  return u && typeof u == "object" && Object.entries(u).forEach(([a, o]) => {
+    o === Boolean || o && o.type === Boolean ? e.add(a) : o === Number || o && o.type === Number ? n.add(a) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && r.add(a);
+  }), { booleanProps: e, numberProps: n, jsonProps: r };
+}
+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 N(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = w(t, I(e)), { booleanProps: r, numberProps: c, jsonProps: u } = k(t);
+  class a 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(l) {
+      this._hiddenInput && (this._hiddenInput.value = l ?? "");
+    }
+    _parseAttributes() {
+      r.forEach((s) => {
+        const i = this.getAttribute(s);
+        this[s] = j(s, i);
+      }), c.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = O(s, i));
+      }), u.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const p = m(s, i);
+          p !== null && (this[s] = p);
+        }
+      });
+      const l = this.getAttribute("data-json-props");
+      l && l.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const p = i.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const d = p.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(d);
+        }
+        if (f !== null && !this[p]) {
+          const d = m(p, f);
+          d !== null && (this[p] = d);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), P(this);
+      const l = this.getAttribute("name");
+      l && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = l, this.after(this._hiddenInput));
+    }
+  }
+  return a;
+}
+function $(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function B(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = $(e), r = N(t);
+  customElements.get(n) || customElements.define(n, r);
+}
+B(A);

package/pv-components/dist/web/components/pv-suggestion-tag/pv-suggestion-tag.js

@@ -0,0 +1,195 @@
+import { ref as v, getCurrentInstance as P, defineComponent as _, computed as m, createElementBlock as y, openBlock as b, normalizeClass as E, createElementVNode as C, createBlock as S, createCommentVNode as w, toDisplayString as A, defineCustomElement as I } from "vue";
+function $() {
+  const e = v(!1), n = P()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
+}
+const k = [void 0, 10, 12, 20, 24, 32, 64], O = ["xlink:href"], j = /* @__PURE__ */ _({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = $(), s = v(null), a = m(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: k.includes(t.size)
+    })), c = m(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, o) => (b(), y(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: E(a.value)
+      },
+      [
+        C("use", { "xlink:href": c.value }, null, 8, O)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), B = ["data-style", "disabled", "title"], N = { class: "pv-truncate" }, z = /* @__PURE__ */ _({
+  __name: "PvSuggestionTag",
+  props: {
+    size: { default: "md", type: String },
+    label: { type: String },
+    showIcon: { type: Boolean },
+    rounded: { type: Boolean },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["handle-click"],
+  setup(e) {
+    const t = e, n = m(() => {
+      switch (t.size) {
+        case "lg":
+          return "pv-tag-lg";
+        case "sm":
+          return "pv-tag-sm";
+        default:
+          return "";
+      }
+    });
+    return (s, a) => (b(), y("button", {
+      class: E(["pv-border-dashed pv-tag-secondary", n.value]),
+      onClick: a[0] || (a[0] = (c) => s.$emit("handle-click", e.label)),
+      "data-testid": "pv-suggestion-tag",
+      style: { "max-width": "100%" },
+      "data-style": e.rounded ? "rounded" : void 0,
+      disabled: e.disabled,
+      title: e.label
+    }, [
+      e.showIcon ? (b(), S(j, {
+        key: 0,
+        "data-testid": "pv-suggestion-tag-icon",
+        name: "expand",
+        size: 12
+      })) : w("v-if", !0),
+      C(
+        "span",
+        N,
+        A(e.label),
+        1
+        /* TEXT */
+      )
+    ], 10, B));
+  }
+}), T = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function x(e) {
+  return !T.has(e);
+}
+function h(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}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = s, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function L(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 R = (e) => ({ shadowRoot: x(e) });
+function D(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 W(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function H(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = (e.__vccOpts || e).props;
+  return c && typeof c == "object" && Object.entries(c).forEach(([d, o]) => {
+    o === Boolean || o && o.type === Boolean ? t.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: t, numberProps: n, jsonProps: s };
+}
+function g(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 G(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = I(e, R(t)), { booleanProps: s, numberProps: a, jsonProps: c } = H(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(l) {
+      this._hiddenInput && (this._hiddenInput.value = l ?? "");
+    }
+    _parseAttributes() {
+      s.forEach((r) => {
+        const i = this.getAttribute(r);
+        this[r] = D(r, i);
+      }), a.forEach((r) => {
+        const i = this.getAttribute(r);
+        i !== null && (this[r] = W(r, i));
+      }), c.forEach((r) => {
+        const i = this.getAttribute(r);
+        if (i !== null) {
+          const u = g(r, i);
+          u !== null && (this[r] = u);
+        }
+      });
+      const l = this.getAttribute("data-json-props");
+      l && l.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const u = i.replace(/-([a-z])/g, (p) => p[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const p = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(p);
+        }
+        if (f !== null && !this[u]) {
+          const p = g(u, f);
+          p !== null && (this[u] = p);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), L(this);
+      const l = this.getAttribute("name");
+      l && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = l, this.after(this._hiddenInput));
+    }
+  }
+  return d;
+}
+function M(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function V(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = M(t), s = G(e);
+  customElements.get(n) || customElements.define(n, s);
+}
+V(z);

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

@@ -0,0 +1,162 @@
+import { defineComponent as y, mergeModels as g, useModel as w, createElementBlock as m, openBlock as b, normalizeClass as E, createCommentVNode as C, withDirectives as S, toDisplayString as _, createElementVNode as A, vModelCheckbox as P, defineCustomElement as I } from "vue";
+const j = ["for"], k = { key: 0 }, O = ["disabled", "id"], N = /* @__PURE__ */ y({
+  __name: "PvSwitch",
+  props: /* @__PURE__ */ g({
+    size: { default: "md", type: String },
+    label: { type: String },
+    disabled: { type: Boolean, default: !1 },
+    id: { default: Math.random().toString(), type: String }
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = w(e, "modelValue");
+    return (n, o) => (b(), m("label", {
+      for: e.id,
+      class: E([
+        "pv-label pv-switch pv-label-hover",
+        {
+          "pv-input-small": e.size === "md"
+        }
+      ])
+    }, [
+      e.label ? (b(), m(
+        "span",
+        k,
+        _(e.label),
+        1
+        /* TEXT */
+      )) : C("v-if", !0),
+      S(A("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+        disabled: e.disabled,
+        type: "checkbox",
+        role: "switch",
+        id: e.id
+      }, null, 8, O), [
+        [P, t.value]
+      ])
+    ], 10, j));
+  }
+}), $ = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function B(e) {
+  return !$.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 M(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 D = (e) => ({ shadowRoot: B(e) });
+function x(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 V(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function R(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 v(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 z(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = I(e, D(t)), { booleanProps: o, numberProps: a, jsonProps: d } = R(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(l) {
+      this._hiddenInput && (this._hiddenInput.value = l ?? "");
+    }
+    _parseAttributes() {
+      o.forEach((s) => {
+        const i = this.getAttribute(s);
+        this[s] = x(s, i);
+      }), a.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = V(s, i));
+      }), d.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const c = v(s, i);
+          c !== null && (this[s] = c);
+        }
+      });
+      const l = this.getAttribute("data-json-props");
+      l && l.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const c = i.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(u);
+        }
+        if (f !== null && !this[c]) {
+          const u = v(c, f);
+          u !== null && (this[c] = u);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), M(this);
+      const l = this.getAttribute("name");
+      l && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = l, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function q(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function J(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = q(t), o = z(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+J(N);