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

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

@@ -0,0 +1,157 @@
+import { defineComponent as b, computed as m, createElementBlock as g, openBlock as y, normalizeClass as _, toDisplayString as x, defineCustomElement as w } from "vue";
+const E = /* @__PURE__ */ b({
+  __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(t) {
+    const e = t, n = m(() => e.size == "md" ? "md" : (e.size == "sm", "sm")), r = m(() => e.maxValue && e.value && e.value > e.maxValue ? `${e.maxValue}+` : e.value != null ? `${e.prefix}${e.value}` : "-"), i = m(() => ({
+      "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": e.variant == "primary",
+      "pv-surface pv-bordered": e.variant == "secondary",
+      "pv-surface-lighten-5": e.variant == "tertiary",
+      "pv-text-secondary": e.variant == "ghost" || e.variant == "tertiary",
+      "pv-surface": e.variant == "ghost"
+    }));
+    return (p, l) => (y(), g(
+      "div",
+      {
+        class: _(i.value),
+        "data-testid": "pv-counter-badge"
+      },
+      x(r.value),
+      3
+      /* TEXT, CLASS */
+    ));
+  }
+}), C = ".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}", A = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, i] of e)
+    n[r] = i;
+  return n;
+}, P = /* @__PURE__ */ A(E, [["styles", [C]], ["__scopeId", "data-v-fc3c1104"]]), 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 r = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const i = document.createElement("link");
+    return i.rel = "stylesheet", i.href = r, t.shadowRoot.prepend(i), !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 k = (t) => ({ shadowRoot: I(t) });
+function O(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 N(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), p = (t.__vccOpts || t).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([l, s]) => {
+    s === Boolean || s && s.type === Boolean ? e.add(l) : s === Number || s && s.type === Number ? n.add(l) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && r.add(l);
+  }), { booleanProps: e, numberProps: n, jsonProps: r };
+}
+function v(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, k(e)), { booleanProps: r, numberProps: i, jsonProps: p } = N(t);
+  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() {
+      r.forEach((o) => {
+        const a = this.getAttribute(o);
+        this[o] = O(o, a);
+      }), i.forEach((o) => {
+        const a = this.getAttribute(o);
+        a !== null && (this[o] = $(o, a));
+      }), p.forEach((o) => {
+        const a = this.getAttribute(o);
+        if (a !== null) {
+          const u = v(o, a);
+          u !== null && (this[o] = u);
+        }
+      });
+      const c = this.getAttribute("data-json-props");
+      c && c.split(",").map((a) => a.trim()).filter(Boolean).forEach((a) => {
+        const u = a.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let f = this.getAttribute(a);
+        if (f === null) {
+          const d = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(d);
+        }
+        if (f !== null && !this[u]) {
+          const d = v(u, f);
+          d !== null && (this[u] = d);
+        }
+      });
+    }
+    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 l;
+}
+function z(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function D(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = z(e), r = B(t);
+  customElements.get(n) || customElements.define(n, r);
+}
+D(P);