@turquoisehealth/pit-viper 2.104.0 → 2.104.2-dev.0

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

@@ -0,0 +1,186 @@
+import { defineComponent as f, computed as i, createElementBlock as u, openBlock as s, normalizeClass as _, toDisplayString as b, ref as h, onMounted as S, getCurrentInstance as P, createElementVNode as c, mergeModels as k, useModel as C, createBlock as v, createCommentVNode as p, renderSlot as g, Fragment as w, defineCustomElement as E } from "vue";
+const V = /* @__PURE__ */ f({
+  __name: "PvCounterBadge",
+  props: {
+    value: { type: Number },
+    prefix: { default: "", type: String },
+    variant: { default: "primary", type: null },
+    size: { default: "sm", type: String },
+    maxValue: { default: 99, type: Number }
+  },
+  setup(e) {
+    const t = e, n = i(() => t.size == "md" ? "md" : (t.size == "sm", "sm")), o = i(() => t.maxValue && t.value && t.value > t.maxValue ? `${t.maxValue}+` : t.value != null ? `${t.prefix}${t.value}` : "-"), a = i(() => ({
+      "pv-inline-block pv-inset-square pv-radius pv-text-center": !0,
+      "pv-badge-md pv-text-body-md": n.value == "md",
+      "pv-badge-sm pv-text-body-sm": n.value == "sm",
+      "pv-surface-brand-inverse pv-text-inverse": t.variant == "primary",
+      "pv-surface pv-bordered": t.variant == "secondary",
+      "pv-surface-lighten-5": t.variant == "tertiary",
+      "pv-text-secondary": t.variant == "ghost" || t.variant == "tertiary",
+      "pv-surface": t.variant == "ghost"
+    }));
+    return (l, r) => (s(), u(
+      "div",
+      {
+        class: _(a.value),
+        "data-testid": "pv-counter-badge"
+      },
+      b(o.value),
+      3
+      /* TEXT, CLASS */
+    ));
+  }
+}), $ = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", x = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, a] of t)
+    n[o] = a;
+  return n;
+}, z = /* @__PURE__ */ x(V, [["styles", [$]], ["__scopeId", "data-v-fc3c1104"]]), B = [void 0, 10, 12, 20, 24, 32, 64], T = ["xlink:href"], y = /* @__PURE__ */ f({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = h(!1), o = h(null), a = i(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: B.includes(t.size)
+    })), l = i(() => n.value && o.value ? `${o.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), S(() => {
+      const r = P()?.root;
+      n.value = r && "isCE" in r && r.isCE;
+    }), (r, d) => (s(), u(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: _(a.value)
+      },
+      [
+        c("use", { "xlink:href": l.value }, null, 8, T)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), O = ["open"], A = /* @__PURE__ */ f({
+  __name: "PvAccordion",
+  props: /* @__PURE__ */ k({
+    chevronPosition: { default: "right", type: null },
+    chevronVariant: { default: "vertical", type: String },
+    defaultOpen: { type: Boolean },
+    counter: { type: Number },
+    enableTriggerSlot: { type: Boolean, default: !1 },
+    enableTriggerFullWidth: { type: Boolean, default: !1 },
+    header: { type: String }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = C(e, "modelValue");
+    t.defaultOpen !== void 0 && (n.value = t.defaultOpen);
+    const o = (r) => {
+      const d = r.target;
+      n.value = d.open;
+    }, a = {
+      width: t.enableTriggerFullWidth ? "100%" : "fit-content"
+    }, l = i(() => t.chevronVariant === "horizontal" ? n.value ? "chevron-down" : "chevron-right" : n.value ? "chevron-up" : "chevron-down");
+    return (r, d) => (s(), u("details", {
+      "data-testid": "pv-accordion",
+      class: "pv-accordion",
+      open: n.value,
+      onToggle: o
+    }, [
+      c("summary", {
+        class: "pv-flex",
+        style: a
+      }, [
+        e.chevronPosition === "left" ? (s(), v(y, {
+          key: 0,
+          name: l.value
+        }, null, 8, ["name"])) : p("v-if", !0),
+        e.enableTriggerSlot ? g(r.$slots, "trigger", { key: 1 }, void 0, !0) : (s(), u(
+          w,
+          { key: 2 },
+          [
+            c(
+              "span",
+              null,
+              b(e.header),
+              1
+              /* TEXT */
+            ),
+            e.counter ? (s(), v(z, {
+              key: 0,
+              value: e.counter,
+              variant: "secondary",
+              size: "sm"
+            }, null, 8, ["value"])) : p("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )),
+        e.chevronPosition === "right" ? (s(), v(y, {
+          key: 3,
+          name: l.value
+        }, null, 8, ["name"])) : p("v-if", !0)
+      ]),
+      c("div", null, [
+        g(r.$slots, "default", {}, void 0, !0)
+      ])
+    ], 40, O));
+  }
+}), I = "summary[data-v-cebd5e1a]{background-image:none;padding-right:2px}", N = /* @__PURE__ */ x(A, [["styles", [I]], ["__scopeId", "data-v-cebd5e1a"]]), M = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function R(e) {
+  return !M.has(e);
+}
+function m(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 D(e) {
+  if (!m(e, "pit-viper-v2")) {
+    if (m(e, "pit-viper")) {
+      m(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: R(e) });
+function W(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = E(e, L(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), D(this);
+    }
+  }
+  return o;
+}
+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(N);

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

@@ -0,0 +1,66 @@
+import { defineComponent as a, createElementBlock as c, openBlock as i, renderSlot as l, defineCustomElement as u } from "vue";
+const p = ["data-style"], m = /* @__PURE__ */ a({
+  __name: "PvActionBar",
+  props: {
+    variant: { default: "white", type: String }
+  },
+  setup(e) {
+    return (t, o) => (i(), c("div", {
+      class: "pv-action-bar-container",
+      "data-style": e.variant === "white" ? "white" : void 0
+    }, [
+      l(t.$slots, "default")
+    ], 8, p));
+  }
+}), f = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function d(e) {
+  return !f.has(e);
+}
+function s(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const n = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = n, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function h(e) {
+  if (!s(e, "pit-viper-v2")) {
+    if (s(e, "pit-viper")) {
+      s(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 v = (e) => ({ shadowRoot: d(e) });
+function _(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = u(e, v(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), h(this);
+    }
+  }
+  return n;
+}
+function w(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function y(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = w(t), n = _(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+y(m);

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

@@ -0,0 +1,96 @@
+import { defineComponent as c, createElementBlock as a, openBlock as s, normalizeClass as l, createCommentVNode as m, Fragment as u, createTextVNode as p, toDisplayString as v, defineCustomElement as f } from "vue";
+const d = ["src"], h = /* @__PURE__ */ c({
+  __name: "PvAvatar",
+  props: {
+    size: { default: "lg", type: String },
+    image: { type: String },
+    initials: { type: String }
+  },
+  setup(e) {
+    const t = {
+      sm: "pv-avatar-16",
+      md: "pv-avatar-20",
+      lg: "pv-avatar-xs",
+      xl: "pv-avatar-sm",
+      "2x": "pv-avatar-md"
+    };
+    return (n, o) => (s(), a(
+      "div",
+      {
+        class: l(t[e.size]),
+        "data-testid": "pv-avatar"
+      },
+      [
+        e.initials ? (s(), a(
+          u,
+          { key: 0 },
+          [
+            p(
+              v(e.initials),
+              1
+              /* TEXT */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : e.image ? (s(), a("img", {
+          key: 1,
+          src: e.image
+        }, null, 8, d)) : m("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), g = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function y(e) {
+  return !g.has(e);
+}
+function i(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 r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = o, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function C(e) {
+  if (!i(e, "pit-viper-v2")) {
+    if (i(e, "pit-viper")) {
+      i(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 S = (e) => ({ shadowRoot: y(e) });
+function w(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = f(e, S(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), C(this);
+    }
+  }
+  return o;
+}
+function E(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function k(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = E(t), o = w(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+k(h);

package/pv-components/dist/web/components/pv-avatar-group/pv-avatar-group.js

@@ -0,0 +1,102 @@
+import { defineComponent as m, computed as l, createElementBlock as s, openBlock as a, Fragment as u, renderList as d, createTextVNode as v, toDisplayString as f, defineCustomElement as h } from "vue";
+const y = ["data-more"], _ = ["src"], g = {
+  key: 2,
+  class: "pv-avatar-sm"
+}, k = /* @__PURE__ */ m({
+  __name: "PvAvatarGroup",
+  props: {
+    items: { type: Array },
+    maxDisplayed: { type: Number }
+  },
+  setup(e) {
+    const t = e, o = l(() => t.maxDisplayed >= 7 ? 7 : t.maxDisplayed), r = l(() => {
+      const n = t.items.length - o.value;
+      return n > 0 ? n : 0;
+    });
+    return (n, N) => (a(), s("ul", {
+      class: "pv-avatar-group",
+      role: "list",
+      "data-more": r.value <= 0 ? void 0 : r.value,
+      "data-testid": "pv-avatar-group"
+    }, [
+      (a(!0), s(
+        u,
+        null,
+        d(e.items.slice(0, o.value), (i, p) => (a(), s("li", {
+          key: p,
+          "data-testid": "pv-avatar-group-item"
+        }, [
+          i.initials ? (a(), s(
+            u,
+            { key: 0 },
+            [
+              v(
+                f(i.initials),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : i.image ? (a(), s("img", {
+            key: 1,
+            src: i.image
+          }, null, 8, _)) : (a(), s("div", g))
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ], 8, y));
+  }
+}), w = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function C(e) {
+  return !w.has(e);
+}
+function c(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const r = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const n = document.createElement("link");
+    return n.rel = "stylesheet", n.href = r, e.shadowRoot.prepend(n), !0;
+  }
+  return !1;
+}
+function E(e) {
+  if (!c(e, "pit-viper-v2")) {
+    if (c(e, "pit-viper")) {
+      c(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 S = (e) => ({ shadowRoot: C(e) });
+function b(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = h(e, S(t));
+  class r extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), E(this);
+    }
+  }
+  return r;
+}
+function D(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function x(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = D(t), r = b(e);
+  customElements.get(o) || customElements.define(o, r);
+}
+x(k);

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

@@ -0,0 +1,155 @@
+import { defineComponent as S, ref as m, computed as f, onMounted as C, getCurrentInstance as g, createElementBlock as p, openBlock as c, normalizeClass as u, createElementVNode as i, unref as a, renderSlot as y, createBlock as _, createCommentVNode as h, toDisplayString as b, defineCustomElement as k } from "vue";
+const w = [void 0, 10, 12, 20, 24, 32, 64], E = ["xlink:href"], $ = /* @__PURE__ */ S({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = m(!1), o = m(null), r = f(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: w.includes(t.size)
+    })), P = f(() => n.value && o.value ? `${o.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), C(() => {
+      const l = g()?.root;
+      n.value = l && "isCE" in l && l.isCE;
+    }), (l, M) => (c(), p(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: u(r.value)
+      },
+      [
+        i("use", { "xlink:href": P.value }, null, 8, E)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+var v = /* @__PURE__ */ ((e) => (e.Vertical = "Vertical", e.Horizontal = "Horizontal", e))(v || {}), s = /* @__PURE__ */ ((e) => (e.Primary = "Primary", e.Secondary = "Secondary", e.Tertiary = "Tertiary", e))(s || {});
+const T = ["title"], z = ["title"], x = { class: "pv-flex" }, H = /* @__PURE__ */ S({
+  __name: "PvBanner",
+  props: {
+    label: { type: String },
+    description: { type: String },
+    icon: { type: String },
+    variant: { default: s.Primary, type: null },
+    orientation: { default: v.Horizontal, type: null }
+  },
+  setup(e) {
+    return (t, n) => (c(), p(
+      "div",
+      {
+        "data-testid": "pv-banner",
+        class: u([
+          {
+            "pv-banner-primary": e.variant === a(s).Primary,
+            "pv-banner-secondary": e.variant === a(s).Secondary,
+            "pv-banner-tertiary": e.variant === a(s).Tertiary,
+            "pv-flex pv-space-between": e.orientation === a(v).Horizontal
+          }
+        ])
+      },
+      [
+        i(
+          "div",
+          {
+            class: u([
+              "pv-flex",
+              {
+                "pv-stack-16": e.orientation === a(v).Vertical && t.$slots.action
+              }
+            ])
+          },
+          [
+            y(t.$slots, "left"),
+            e.icon ? (c(), _($, {
+              key: 0,
+              "data-testid": "pv-banner-icon",
+              class: "pv-text-brand",
+              name: e.icon
+            }, null, 8, ["name"])) : h("v-if", !0),
+            i("div", null, [
+              i("p", {
+                class: u([
+                  " pv-text-title-md pv-line-clamp",
+                  {
+                    "pv-stack-4": e.description
+                  }
+                ]),
+                style: { "--lines": "2", "font-weight": "500" },
+                title: e.label
+              }, b(e.label), 11, T),
+              e.description ? (c(), p("p", {
+                key: 0,
+                class: "pv-text-body-sm pv-line-clamp",
+                style: { "--lines": "2" },
+                title: e.description
+              }, b(e.description), 9, z)) : h("v-if", !0)
+            ])
+          ],
+          2
+          /* CLASS */
+        ),
+        i("div", x, [
+          y(t.$slots, "action")
+        ])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), R = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function A(e) {
+  return !R.has(e);
+}
+function d(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 r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = o, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function I(e) {
+  if (!d(e, "pit-viper-v2")) {
+    if (d(e, "pit-viper")) {
+      d(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: A(e) });
+function L(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = k(e, D(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), I(this);
+    }
+  }
+  return o;
+}
+function N(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 = N(t), o = L(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+V(H);

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

@@ -0,0 +1,92 @@
+import { defineComponent as u, createElementBlock as n, openBlock as s, Fragment as l, renderList as m, toDisplayString as i, createTextVNode as p, defineCustomElement as f } from "vue";
+const h = {
+  class: "pv-breadcrumbs",
+  role: "list",
+  "data-testid": "pv-breadcrumbs"
+}, d = ["href"], _ = /* @__PURE__ */ u({
+  __name: "PvBreadcrumbs",
+  props: {
+    options: { type: Array }
+  },
+  setup(e) {
+    return (r, o) => (s(), n("ul", h, [
+      (s(!0), n(
+        l,
+        null,
+        m(e.options, (t) => (s(), n("li", {
+          key: t.label
+        }, [
+          t.href ? (s(), n("a", {
+            key: 0,
+            href: t.href
+          }, i(t.label), 9, d)) : (s(), n(
+            l,
+            { key: 1 },
+            [
+              p(
+                i(t.label),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]));
+  }
+}), v = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function b(e) {
+  return !v.has(e);
+}
+function c(e, r) {
+  const o = document.querySelector('link[href*="' + r + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const t = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${t}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = t, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function y(e) {
+  if (!c(e, "pit-viper-v2")) {
+    if (c(e, "pit-viper")) {
+      c(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 w = (e) => ({ shadowRoot: b(e) });
+function C(e) {
+  const r = e.__name || e.name;
+  if (!r)
+    throw new Error("Component must have a __name or name property");
+  const o = f(e, w(r));
+  class t extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), y(this);
+    }
+  }
+  return t;
+}
+function E(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function k(e) {
+  const r = e.__name || e.name;
+  if (!r)
+    throw new Error("Component must have a __name or name property");
+  const o = E(r), t = C(e);
+  customElements.get(o) || customElements.define(o, t);
+}
+k(_);