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

package/pv-components/dist/web/components/pv-company-label/pv-company-label.js

@@ -0,0 +1,221 @@
+import { defineComponent as _, ref as S, computed as f, watch as E, createElementBlock as h, openBlock as b, normalizeStyle as P, normalizeClass as y, createElementVNode as C, createVNode as w, toDisplayString as A, defineCustomElement as x } from "vue";
+function $(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const z = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function j(e) {
+  return Array.from(e.match(z) ?? []);
+}
+function I(e) {
+  const t = j(e);
+  if (t.length === 0)
+    return "";
+  const [n, ...o] = t;
+  return `${n.toLowerCase()}${o.map((a) => $(a)).join("")}`;
+}
+const O = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, L = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, N = ["src"], k = /* @__PURE__ */ _({
+  __name: "PvCompanyLogo",
+  props: {
+    basePath: { default: "https://static-assets.turquoise.health/shared-logos/prd/payers", type: String },
+    name: { type: String },
+    size: { default: "md", type: null },
+    srcPathOverride: { type: String },
+    toCamelCase: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, n = S(!0), o = f(() => O[t.size] || "32px"), a = f(() => ({
+      "pv-icon": n.value,
+      [`pv-company-${t.size}`]: t.size && !n.value
+    })), l = f(() => ({
+      width: o.value
+    })), u = f(() => t.toCamelCase ? I(t.name) + ".svg" : t.name + ".svg"), s = f(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${u.value}`);
+    return E(s, () => {
+      n.value = !0;
+    }), (c, r) => (b(), h("div", L, [
+      n.value ? (b(), h(
+        "div",
+        {
+          key: 0,
+          class: y(a.value),
+          style: P(l.value)
+        },
+        [
+          C("img", {
+            src: s.value,
+            alt: "",
+            onError: r[0] || (r[0] = (i) => n.value = !1)
+          }, null, 40, N)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (b(), h(
+        "div",
+        {
+          key: 1,
+          class: y(a.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+}), B = { class: "pv-flex" }, D = /* @__PURE__ */ _({
+  __name: "PvCompanyLabel",
+  props: {
+    size: { default: "md", type: String },
+    logo: { type: String },
+    label: { type: String }
+  },
+  setup(e) {
+    const t = {
+      xs: "pv-text-body-xs",
+      sm: "pv-text-body-md",
+      md: "pv-text-body-md"
+    };
+    return (n, o) => (b(), h("div", B, [
+      w(k, {
+        name: e.logo ? e.logo : e.label,
+        size: e.size
+      }, null, 8, ["name", "size"]),
+      C(
+        "span",
+        {
+          class: y(t[e.size])
+        },
+        A(e.label),
+        3
+        /* TEXT, CLASS */
+      )
+    ]));
+  }
+}), R = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function T(e) {
+  return !R.has(e);
+}
+function v(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 (!v(e, "pit-viper-v2")) {
+    if (v(e, "pit-viper")) {
+      v(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 q = (e) => ({ shadowRoot: T(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 U(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function V(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), l = (e.__vccOpts || e).props;
+  return l && typeof l == "object" && Object.entries(l).forEach(([u, s]) => {
+    s === Boolean || s && s.type === Boolean ? t.add(u) : s === Number || s && s.type === Number ? n.add(u) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && o.add(u);
+  }), { booleanProps: t, numberProps: n, jsonProps: o };
+}
+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 W(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = x(e, q(t)), { booleanProps: o, numberProps: a, jsonProps: l } = V(e);
+  class u 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((r) => {
+        const i = this.getAttribute(r);
+        this[r] = J(r, i);
+      }), a.forEach((r) => {
+        const i = this.getAttribute(r);
+        i !== null && (this[r] = U(r, i));
+      }), l.forEach((r) => {
+        const i = this.getAttribute(r);
+        if (i !== null) {
+          const p = g(r, i);
+          p !== null && (this[r] = p);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const p = i.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let m = this.getAttribute(i);
+        if (m === null) {
+          const d = p.replace(/([A-Z])/g, "-$1").toLowerCase();
+          m = this.getAttribute(d);
+        }
+        if (m !== null && !this[p]) {
+          const d = g(p, m);
+          d !== null && (this[p] = d);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), M(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 u;
+}
+function G(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function H(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = G(t), o = W(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+H(D);

package/pv-components/dist/web/components/pv-company-logo/pv-company-logo.js

@@ -0,0 +1,192 @@
+import { defineComponent as g, ref as C, computed as f, watch as E, createElementBlock as m, openBlock as b, normalizeStyle as P, normalizeClass as _, createElementVNode as w, defineCustomElement as S } from "vue";
+function A(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const $ = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function x(e) {
+  return Array.from(e.match($) ?? []);
+}
+function j(e) {
+  const t = x(e);
+  if (t.length === 0)
+    return "";
+  const [n, ...o] = t;
+  return `${n.toLowerCase()}${o.map((a) => A(a)).join("")}`;
+}
+const I = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, O = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, k = ["src"], L = /* @__PURE__ */ g({
+  __name: "PvCompanyLogo",
+  props: {
+    basePath: { default: "https://static-assets.turquoise.health/shared-logos/prd/payers", type: String },
+    name: { type: String },
+    size: { default: "md", type: null },
+    srcPathOverride: { type: String },
+    toCamelCase: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, n = C(!0), o = f(() => I[t.size] || "32px"), a = f(() => ({
+      "pv-icon": n.value,
+      [`pv-company-${t.size}`]: t.size && !n.value
+    })), u = f(() => ({
+      width: o.value
+    })), l = f(() => t.toCamelCase ? j(t.name) + ".svg" : t.name + ".svg"), r = f(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${l.value}`);
+    return E(r, () => {
+      n.value = !0;
+    }), (c, s) => (b(), m("div", O, [
+      n.value ? (b(), m(
+        "div",
+        {
+          key: 0,
+          class: _(a.value),
+          style: P(u.value)
+        },
+        [
+          w("img", {
+            src: r.value,
+            alt: "",
+            onError: s[0] || (s[0] = (i) => n.value = !1)
+          }, null, 40, k)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (b(), m(
+        "div",
+        {
+          key: 1,
+          class: _(a.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+}), N = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function z(e) {
+  return !N.has(e);
+}
+function v(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 B(e) {
+  if (!v(e, "pit-viper-v2")) {
+    if (v(e, "pit-viper")) {
+      v(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: z(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 M(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function T(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), u = (e.__vccOpts || e).props;
+  return u && typeof u == "object" && Object.entries(u).forEach(([l, r]) => {
+    r === Boolean || r && r.type === Boolean ? t.add(l) : r === Number || r && r.type === Number ? n.add(l) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && o.add(l);
+  }), { booleanProps: t, numberProps: n, jsonProps: o };
+}
+function y(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 q(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = S(e, R(t)), { booleanProps: o, numberProps: a, jsonProps: u } = T(e);
+  class l 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] = D(s, i);
+      }), a.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = M(s, i));
+      }), u.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const p = y(s, i);
+          p !== null && (this[s] = p);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const p = i.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let h = this.getAttribute(i);
+        if (h === null) {
+          const d = p.replace(/([A-Z])/g, "-$1").toLowerCase();
+          h = this.getAttribute(d);
+        }
+        if (h !== null && !this[p]) {
+          const d = y(p, h);
+          d !== null && (this[p] = d);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), B(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 l;
+}
+function J(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function U(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = J(t), o = q(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+U(L);

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

@@ -0,0 +1,274 @@
+import { defineComponent as b, ref as _, computed as p, watch as S, createElementBlock as h, openBlock as f, normalizeStyle as E, normalizeClass as v, createElementVNode as C, getCurrentInstance as w, createVNode as A, createBlock as $, createCommentVNode as z, toDisplayString as I, withModifiers as k, defineCustomElement as x } from "vue";
+function N(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const O = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function L(e) {
+  return Array.from(e.match(O) ?? []);
+}
+function j(e) {
+  const t = L(e);
+  if (t.length === 0)
+    return "";
+  const [n, ...s] = t;
+  return `${n.toLowerCase()}${s.map((r) => N(r)).join("")}`;
+}
+const B = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, T = [void 0, 10, 12, 20, 24, 32, 64], R = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, D = ["src"], M = /* @__PURE__ */ b({
+  __name: "PvCompanyLogo",
+  props: {
+    basePath: { default: "https://static-assets.turquoise.health/shared-logos/prd/payers", type: String },
+    name: { type: String },
+    size: { default: "md", type: null },
+    srcPathOverride: { type: String },
+    toCamelCase: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, n = _(!0), s = p(() => B[t.size] || "32px"), r = p(() => ({
+      "pv-icon": n.value,
+      [`pv-company-${t.size}`]: t.size && !n.value
+    })), c = p(() => ({
+      width: s.value
+    })), l = p(() => t.toCamelCase ? j(t.name) + ".svg" : t.name + ".svg"), o = p(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${l.value}`);
+    return S(o, () => {
+      n.value = !0;
+    }), (u, a) => (f(), h("div", R, [
+      n.value ? (f(), h(
+        "div",
+        {
+          key: 0,
+          class: v(r.value),
+          style: E(c.value)
+        },
+        [
+          C("img", {
+            src: o.value,
+            alt: "",
+            onError: a[0] || (a[0] = (i) => n.value = !1)
+          }, null, 40, D)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (f(), h(
+        "div",
+        {
+          key: 1,
+          class: v(r.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+});
+function V() {
+  const e = _(!1), n = w()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
+}
+const W = ["xlink:href"], H = /* @__PURE__ */ b({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = V(), s = _(null), r = p(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: T.includes(t.size)
+    })), c = p(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (l, o) => (f(), h(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: v(r.value)
+      },
+      [
+        C("use", { "xlink:href": c.value }, null, 8, W)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), G = /* @__PURE__ */ b({
+  __name: "PvCompanyTag",
+  props: {
+    companyName: { type: String },
+    size: { default: "md", type: String },
+    showClear: { type: Boolean, default: !1 }
+  },
+  emits: ["handle-close", "handle-click"],
+  setup(e) {
+    const t = e, n = p(() => {
+      switch (t.size) {
+        case "lg":
+          return "pv-tag-lg";
+        case "sm":
+          return "pv-tag-sm";
+        default:
+          return "";
+      }
+    });
+    return (s, r) => (f(), h(
+      "button",
+      {
+        class: v(["pv-tag-tertiary", n.value]),
+        onClick: r[1] || (r[1] = (c) => s.$emit("handle-click", e.companyName)),
+        "data-testid": "pv-company-tag"
+      },
+      [
+        A(M, {
+          class: v(e.size === "lg" ? "pv-company-sm" : "pv-company-xs"),
+          "data-testid": "pv-company-tag-icon",
+          size: e.size === "lg" ? "sm" : "xs",
+          name: e.companyName
+        }, null, 8, ["class", "size", "name"]),
+        C(
+          "span",
+          null,
+          I(e.companyName),
+          1
+          /* TEXT */
+        ),
+        e.showClear ? (f(), $(H, {
+          key: 0,
+          "data-testid": "pv-company-tag-close-icon",
+          size: 12,
+          name: "close",
+          onClick: r[0] || (r[0] = k((c) => s.$emit("handle-close", e.companyName), ["stop"]))
+        })) : z("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), q = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function J(e) {
+  return !q.has(e);
+}
+function y(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 r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = s, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function U(e) {
+  if (!y(e, "pit-viper-v2")) {
+    if (y(e, "pit-viper")) {
+      y(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 Z = (e) => ({ shadowRoot: J(e) });
+function K(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 F(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function Q(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(([l, o]) => {
+    o === Boolean || o && o.type === Boolean ? t.add(l) : o === Number || o && o.type === Number ? n.add(l) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(l);
+  }), { booleanProps: t, numberProps: n, jsonProps: s };
+}
+function P(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 X(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = x(e, Z(t)), { booleanProps: s, numberProps: r, jsonProps: c } = Q(e);
+  class l 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((a) => {
+        const i = this.getAttribute(a);
+        this[a] = K(a, i);
+      }), r.forEach((a) => {
+        const i = this.getAttribute(a);
+        i !== null && (this[a] = F(a, i));
+      }), c.forEach((a) => {
+        const i = this.getAttribute(a);
+        if (i !== null) {
+          const d = P(a, i);
+          d !== null && (this[a] = d);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const d = i.replace(/-([a-z])/g, (m) => m[1].toUpperCase());
+        let g = this.getAttribute(i);
+        if (g === null) {
+          const m = d.replace(/([A-Z])/g, "-$1").toLowerCase();
+          g = this.getAttribute(m);
+        }
+        if (g !== null && !this[d]) {
+          const m = P(d, g);
+          m !== null && (this[d] = m);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), U(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 l;
+}
+function Y(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function ee(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = Y(t), s = X(e);
+  customElements.get(n) || customElements.define(n, s);
+}
+ee(G);