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

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

@@ -0,0 +1,158 @@
+import { defineComponent as g, createElementBlock as b, openBlock as y, normalizeClass as E, renderSlot as h, createElementVNode as w, defineCustomElement as S } from "vue";
+const _ = ["data-position", "aria-labelledby", "data-style", "data-static"], A = ["id"], C = { key: 1 }, P = /* @__PURE__ */ g({
+  __name: "PvTooltip",
+  props: {
+    variant: { default: "white", type: String },
+    tooltipPosition: { default: "top-right", type: String },
+    ariaLabelledBy: { default: "ariaLabelledById", type: String },
+    size: { default: "md", type: String },
+    interactive: { type: Boolean, default: !0 },
+    delay: { default: 0, type: Number }
+  },
+  setup(t) {
+    return (e, n) => e.$slots["tooltip-content"] ? (y(), b("div", {
+      key: 0,
+      "data-testid": "pv-tooltip",
+      class: E([
+        "pv-tooltip",
+        {
+          "pv-tooltip-small": t.size === "sm"
+        }
+      ]),
+      "data-position": t.tooltipPosition,
+      "aria-labelledby": t.ariaLabelledBy,
+      "data-style": t.variant === "white" ? "white" : "dark",
+      "data-static": t.interactive === !1 ? !0 : void 0
+    }, [
+      h(e.$slots, "label"),
+      w("div", {
+        role: "tooltip",
+        id: t.ariaLabelledBy,
+        "data-testid": "pv-tooltip-content"
+      }, [
+        h(e.$slots, "tooltip-content")
+      ], 8, A)
+    ], 10, _)) : (y(), b("div", C, [
+      h(e.$slots, "label")
+    ]));
+  }
+}), I = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function $(t) {
+  return !I.has(t);
+}
+function m(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const i = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const c = document.createElement("link");
+    return c.rel = "stylesheet", c.href = i, t.shadowRoot.prepend(c), !0;
+  }
+  return !1;
+}
+function j(t) {
+  if (!m(t, "pit-viper-v2")) {
+    if (m(t, "pit-viper")) {
+      m(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: $(t) });
+function B(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 N(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), d = (t.__vccOpts || t).props;
+  return d && typeof d == "object" && Object.entries(d).forEach(([p, o]) => {
+    o === Boolean || o && o.type === Boolean ? e.add(p) : o === Number || o && o.type === Number ? n.add(p) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && i.add(p);
+  }), { booleanProps: e, numberProps: n, jsonProps: i };
+}
+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 L(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = S(t, k(e)), { booleanProps: i, numberProps: c, jsonProps: d } = N(t);
+  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(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((r) => {
+        const s = this.getAttribute(r);
+        this[r] = B(r, s);
+      }), c.forEach((r) => {
+        const s = this.getAttribute(r);
+        s !== null && (this[r] = O(r, s));
+      }), d.forEach((r) => {
+        const s = this.getAttribute(r);
+        if (s !== null) {
+          const l = v(r, s);
+          l !== null && (this[r] = l);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((s) => s.trim()).filter(Boolean).forEach((s) => {
+        const l = s.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let f = this.getAttribute(s);
+        if (f === null) {
+          const u = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(u);
+        }
+        if (f !== null && !this[l]) {
+          const u = v(l, f);
+          u !== null && (this[l] = u);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), j(this);
+      const a = this.getAttribute("name");
+      a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function D(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function R(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = D(e), i = L(t);
+  customElements.get(n) || customElements.define(n, i);
+}
+R(P);