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

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

@@ -0,0 +1,150 @@
+import { ref as _, getCurrentInstance as v, defineComponent as E, computed as m, createElementBlock as g, openBlock as P, normalizeClass as A, createElementVNode as C, defineCustomElement as y } from "vue";
+function S() {
+  const e = _(!1), n = v()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
+}
+const w = [void 0, 10, 12, 20, 24, 32, 64], I = ["xlink:href"], O = /* @__PURE__ */ E({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = S(), s = _(null), c = m(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: w.includes(t.size)
+    })), a = m(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (p, r) => (P(), g(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: A(c.value)
+      },
+      [
+        C("use", { "xlink:href": a.value }, null, 8, I)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), $ = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function j(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 s = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${s}"]`))
+      return;
+    const c = document.createElement("link");
+    return c.rel = "stylesheet", c.href = s, e.shadowRoot.prepend(c), !0;
+  }
+  return !1;
+}
+function k(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 N = (e) => ({ shadowRoot: j(e) });
+function B(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 T(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function L(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), a = (e.__vccOpts || e).props;
+  return a && typeof a == "object" && Object.entries(a).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)) && s.add(p);
+  }), { booleanProps: t, numberProps: n, jsonProps: s };
+}
+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 R(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = y(e, N(t)), { booleanProps: s, numberProps: c, jsonProps: a } = L(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(u) {
+      this._hiddenInput && (this._hiddenInput.value = u ?? "");
+    }
+    _parseAttributes() {
+      s.forEach((o) => {
+        const i = this.getAttribute(o);
+        this[o] = B(o, i);
+      }), c.forEach((o) => {
+        const i = this.getAttribute(o);
+        i !== null && (this[o] = T(o, i));
+      }), a.forEach((o) => {
+        const i = this.getAttribute(o);
+        if (i !== null) {
+          const l = b(o, i);
+          l !== null && (this[o] = l);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const l = i.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
+        let d = this.getAttribute(i);
+        if (d === null) {
+          const f = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(f);
+        }
+        if (d !== null && !this[l]) {
+          const f = b(l, d);
+          f !== null && (this[l] = f);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), k(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 p;
+}
+function x(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function z(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = x(t), s = R(e);
+  customElements.get(n) || customElements.define(n, s);
+}
+z(O);

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

@@ -0,0 +1,191 @@
+import { defineComponent as w, mergeModels as E, useModel as S, createElementBlock as h, openBlock as m, Fragment as C, createCommentVNode as v, withDirectives as A, renderSlot as P, createElementVNode as I, normalizeClass as y, vModelDynamic as k, toDisplayString as j, defineCustomElement as O } from "vue";
+const $ = ["for"], N = ["disabled", "type", "placeholder", "id", "data-invalid"], x = /* @__PURE__ */ w({
+  __name: "PvInput",
+  props: /* @__PURE__ */ E({
+    error: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: { type: String },
+    type: { default: "text", type: String },
+    id: { default: Math.random().toString(), type: String },
+    lowerLabel: { type: String },
+    variant: { default: "white", type: String }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = S(e, "modelValue");
+    return (n, r) => (m(), h(
+      C,
+      null,
+      [
+        n.$slots.label ? (m(), h("label", {
+          key: 0,
+          "data-testid": "pv-input-label",
+          class: "pv-label pv-stack-8",
+          for: e.id
+        }, [
+          P(n.$slots, "label")
+        ], 8, $)) : v("v-if", !0),
+        A(I("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
+          "data-testid": "pv-input",
+          class: y([
+            "pv-input-text",
+            {
+              "pv-stack-8": e.lowerLabel,
+              "pv-surface-accent": e.variant === "grey"
+            }
+          ]),
+          disabled: e.disabled,
+          type: e.type,
+          placeholder: e.placeholder,
+          id: e.id,
+          "data-invalid": e.error ? !0 : void 0
+        }, null, 10, N), [
+          [k, t.value]
+        ]),
+        e.lowerLabel ? (m(), h(
+          "p",
+          {
+            key: 1,
+            "data-testid": "pv-input-lower-label",
+            style: { "margin-left": "12px" },
+            class: y([
+              "pv-text-body-xs",
+              {
+                "pv-text-red": e.error,
+                "pv-text-subdued": !e.error
+              }
+            ])
+          },
+          j(e.lowerLabel),
+          3
+          /* TEXT, CLASS */
+        )) : v("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+}), B = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function M(e) {
+  return !B.has(e);
+}
+function b(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const r = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = r, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function D(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 L = (e) => ({ shadowRoot: M(e) });
+function V(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 R(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function _(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), d = (e.__vccOpts || e).props;
+  return d && typeof d == "object" && Object.entries(d).forEach(([p, o]) => {
+    o === Boolean || o && o.type === Boolean ? t.add(p) : o === Number || o && o.type === Number ? n.add(p) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && r.add(p);
+  }), { booleanProps: t, numberProps: n, jsonProps: r };
+}
+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 J(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = O(e, L(t)), { booleanProps: r, numberProps: a, jsonProps: d } = _(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() {
+      r.forEach((s) => {
+        const i = this.getAttribute(s);
+        this[s] = V(s, i);
+      }), a.forEach((s) => {
+        const i = this.getAttribute(s);
+        i !== null && (this[s] = R(s, i));
+      }), d.forEach((s) => {
+        const i = this.getAttribute(s);
+        if (i !== null) {
+          const u = g(s, i);
+          u !== null && (this[s] = 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, (c) => c[1].toUpperCase());
+        let f = this.getAttribute(i);
+        if (f === null) {
+          const c = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(c);
+        }
+        if (f !== null && !this[u]) {
+          const c = g(u, f);
+          c !== null && (this[u] = c);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), D(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 U(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function W(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = U(t), r = J(e);
+  customElements.get(n) || customElements.define(n, r);
+}
+W(x);

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

@@ -0,0 +1,363 @@
+import { defineComponent as g, computed as b, createBlock as v, openBlock as i, resolveDynamicComponent as x, normalizeClass as S, withCtx as $, renderSlot as A, ref as w, getCurrentInstance as B, createElementBlock as p, createElementVNode as k, normalizeStyle as z, Fragment as O, createCommentVNode as u, toDisplayString as y, withModifiers as j, defineCustomElement as T } from "vue";
+const L = /* @__PURE__ */ g({
+  __name: "PvCard",
+  props: {
+    href: { type: String },
+    variant: { default: "primary", type: String },
+    interactive: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = t, n = b(() => e.href ? "a" : e.interactive ? "button" : "div"), s = b(() => e.href || e.interactive ? "button" : "div");
+    return (r, c) => (i(), v(x(n.value), {
+      href: t.href,
+      type: s.value,
+      class: S([
+        "pv-card pv-inset-square-8 pv-inline-block",
+        {
+          "pv-card-secondary": t.variant === "secondary"
+        }
+      ]),
+      "data-testid": "pv-card"
+    }, {
+      default: $(() => [
+        A(r.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["href", "type", "class"]));
+  }
+});
+function N() {
+  const t = w(!1), n = B()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (t.value = !0), t;
+}
+const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__ */ g({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(t) {
+    const e = t, n = N(), s = w(null), r = b(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${e.size}`]: D.includes(e.size)
+    })), c = b(() => n.value && s.value ? `${s.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (h, o) => (i(), p(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: S(r.value)
+      },
+      [
+        k("use", { "xlink:href": c.value }, null, 8, R)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), V = /* @__PURE__ */ g({
+  __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) => (i(), p(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: S(n[t.variant]),
+        style: z({ "--size": e[t.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), M = ["ghost"], I = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, W = (t) => t == null || !I.hasOwnProperty(t) ? null : I[t] || null, H = ["disabled"], G = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, q = /* @__PURE__ */ g({
+  __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 = b(() => {
+      const s = [];
+      e.inverse && M.includes(e.variant) ? s.push(`pv-button-${e.variant}-inverse`) : s.push(`pv-button-${e.variant}`);
+      const r = W(e.size);
+      return r && s.push(r), s;
+    });
+    return (s, r) => (i(), p("button", {
+      type: "button",
+      class: S(n.value),
+      disabled: t.disabled,
+      "data-testid": "pv-button"
+    }, [
+      t.loading ? (i(), v(V, {
+        key: 0,
+        size: "sm"
+      })) : (i(), p(
+        O,
+        { key: 1 },
+        [
+          t.leftIcon ? (i(), v(P, {
+            key: 0,
+            name: t.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : u("v-if", !0),
+          t.label ? (i(), p(
+            "span",
+            G,
+            y(t.label),
+            1
+            /* TEXT */
+          )) : u("v-if", !0),
+          t.rightIcon ? (i(), v(P, {
+            key: 2,
+            name: t.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : u("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, H));
+  }
+}), J = {
+  class: "pv-flex-vertical",
+  style: { "--flex-align": "flex-start", "--flex-gap": "0.25rem" }
+}, U = {
+  key: 0,
+  class: "pv-flex",
+  style: { "--flex-gap": "0.25rem" }
+}, Z = { class: "pv-text-body-sm" }, F = {
+  key: 1,
+  class: "pv-text-body-sm pv-text-tertiary"
+}, K = {
+  key: 2,
+  class: "pv-heading-2"
+}, Q = {
+  key: 3,
+  class: "pv-text-body-md pv-text-secondary pv-text-subdued"
+}, X = /* @__PURE__ */ g({
+  __name: "PvInsightCard",
+  props: {
+    icon: { default: "ai", type: String },
+    insight: { type: String },
+    upperLabel: { type: String },
+    title: { type: String },
+    description: { type: String },
+    showButton: { type: Boolean, default: !1 },
+    interactive: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "icon-click"],
+  setup(t) {
+    const e = t, n = b(() => e.icon || e.insight);
+    return (s, r) => (i(), v(L, {
+      variant: "secondary",
+      interactive: t.interactive,
+      onClick: r[1] || (r[1] = (c) => s.$emit("click")),
+      class: "pv-relative"
+    }, {
+      default: $(() => [
+        k("div", J, [
+          n.value ? (i(), p("div", U, [
+            t.icon ? (i(), v(P, {
+              key: 0,
+              style: { color: "#218c88" },
+              name: t.icon,
+              size: 12
+            }, null, 8, ["name"])) : u("v-if", !0),
+            k(
+              "span",
+              Z,
+              y(t.insight),
+              1
+              /* TEXT */
+            )
+          ])) : u("v-if", !0),
+          t.upperLabel ? (i(), p(
+            "span",
+            F,
+            y(t.upperLabel),
+            1
+            /* TEXT */
+          )) : u("v-if", !0),
+          t.title ? (i(), p(
+            "span",
+            K,
+            y(t.title),
+            1
+            /* TEXT */
+          )) : u("v-if", !0),
+          t.description ? (i(), p(
+            "span",
+            Q,
+            y(t.description),
+            1
+            /* TEXT */
+          )) : u("v-if", !0)
+        ]),
+        t.showButton ? (i(), v(q, {
+          key: 0,
+          "left-icon": "new-tab",
+          variant: "ghost",
+          size: "md",
+          class: "pv-insight-button",
+          onClick: r[0] || (r[0] = j((c) => s.$emit("icon-click"), ["stop"]))
+        })) : u("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["interactive"]));
+  }
+}), Y = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", tt = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [s, r] of e)
+    n[s] = r;
+  return n;
+}, et = /* @__PURE__ */ tt(X, [["styles", [Y]], ["__scopeId", "data-v-6e9399e6"]]), nt = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function st(t) {
+  return !nt.has(t);
+}
+function C(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 rt(t) {
+  if (!C(t, "pit-viper-v2")) {
+    if (C(t, "pit-viper")) {
+      C(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 it = (t) => ({ shadowRoot: st(t) });
+function ot(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 at(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function lt(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(([h, o]) => {
+    o === Boolean || o && o.type === Boolean ? e.add(h) : o === Number || o && o.type === Number ? n.add(h) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(h);
+  }), { 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 ct(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = T(t, it(e)), { booleanProps: s, numberProps: r, jsonProps: c } = lt(t);
+  class h 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(d) {
+      this._hiddenInput && (this._hiddenInput.value = d ?? "");
+    }
+    _parseAttributes() {
+      s.forEach((a) => {
+        const l = this.getAttribute(a);
+        this[a] = ot(a, l);
+      }), r.forEach((a) => {
+        const l = this.getAttribute(a);
+        l !== null && (this[a] = at(a, l));
+      }), c.forEach((a) => {
+        const l = this.getAttribute(a);
+        if (l !== null) {
+          const f = E(a, l);
+          f !== null && (this[a] = f);
+        }
+      });
+      const d = this.getAttribute("data-json-props");
+      d && d.split(",").map((l) => l.trim()).filter(Boolean).forEach((l) => {
+        const f = l.replace(/-([a-z])/g, (m) => m[1].toUpperCase());
+        let _ = this.getAttribute(l);
+        if (_ === null) {
+          const m = f.replace(/([A-Z])/g, "-$1").toLowerCase();
+          _ = this.getAttribute(m);
+        }
+        if (_ !== null && !this[f]) {
+          const m = E(f, _);
+          m !== null && (this[f] = m);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), rt(this);
+      const d = this.getAttribute("name");
+      d && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = d, this.after(this._hiddenInput));
+    }
+  }
+  return h;
+}
+function ut(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function pt(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = ut(e), s = ct(t);
+  customElements.get(n) || customElements.define(n, s);
+}
+pt(et);